首页 > 编程语言 >JavaScript async await 使用

JavaScript async await 使用

时间:2024-06-21 11:33:08浏览次数:29  
标签:异步 await JavaScript graphic lat async lng

你习惯在js代码中使用async await吗?
我经常在js代码中写一些异步方法,使用await调用的地方,如果方便修改成异步方法,就修改成异步方法,如下所示:

async setPosition(graphic, lng, lat) {
  this.lng = lng;
  this.lat = lat;
  if (graphic) {
    let height = await getHeightByLngLat(map, lng, lat);
    graphic.position = [lng, lat, height];
  }
}

但是,有些地方不方便把方法修改成异步的,比如,没办法把构造函数写成异步的,那怎么办呢?
可以使用如下方法:

(async () => {
  let result = await getScene(this.sceneId);
})();

这个方法也有缺点,就是它不会等待返回结果,如果需要等待这个返回结果,就不能使用这种方法。

标签:异步,await,JavaScript,graphic,lat,async,lng
From: https://www.cnblogs.com/s0611163/p/18260166

相关文章

  • 高级前端开发需要知道的 25 个 JavaScript 单行代码
    1.不使用临时变量来交换变量的值例如我们想要将 a 于 b 的值交换leta=1,b=2;//交换值[a,b]=[b,a];//结果:a=2,b=1这行代码使用数组解构赋值的方式来交换两个变量的值,无需定义新的临时变量。这个巧妙的技巧可让代码看起来更简洁明了。语法[a,b......
  • JavaScript中 Map与reduce的应用
    1.Map:映射新世界Map构造函数创建一个新Map对象,它允许你以键值对的形式存储数据,提供了一种更加灵活的数据结构。与传统的对象相比,Map允许任何值(包括对象)作为键,而且具有更好的性能表现。应用场景:数据转换需要将数组其中每个元素通过某种规则转换为新值时,Map方法就显得尤为......
  • 构建网络图 (JavaScript)
    前序:在工作中难免有一些千奇百怪的需求,如果你遇到构建网络图,或者学习应对未来,请看这边文章,本文以代码为主。网络图是数据可视化中实用而有效的工具,特别适用于说明复杂系统内的关系和连接。这些图表有助于理解各种背景下的结构,从社交网络到企业层级。在本教程中,我们将深入研究......
  • JavaScript工具函数助力高效开发
    JavaScript工具函数助力高效开发前言日常开发中,面对各种不同的需求,我们经常会用到以前开发过的一些工具函数,把这些工具函数收集起来,将大大提高我们的开发效率1.校验数据类型export const typeOf = function(obj) {  return Object.prototype.toString.call(obj).sl......
  • 在JavaScript中如何获取时间戳?
    在JavaScript中,你可以通过几种方式获取时间戳。最常见的方式是使用Date对象的getTime()方法,这会返回自1970年1月1日00:00:00UTC(世界标准时间)以来的毫秒数。下面是一个简单的例子:javascript//创建一个Date对象,表示当前的时间和日期letnow=newDate();//使用getTime()......
  • 学生个人html静态网页制作 基于HTML+CSS+JavaScript+jquery仿苏宁易购官网商城模板
    ......
  • JavaScript介绍和基本用法
            JavaScript是一种编程语言,主要用于开发网站和Web应用程序。它是一种高级的解释型语言,允许开发人员为网站添加交互元素和动态内容。JavaScript经常与HTML和CSS一起使用,创建动态和交互式的网页。它被所有现代Web浏览器支持,并且也可以在服务器端(Node.js)上使用,用于......
  • JavaScript基础部分知识点总结(Part3)
    函数的概念1.函数的概念在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。虽然for循环语句也能实现一些简单的重复操作,但是比较具有局限性,此时我们就可以使用JS中的函数。函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可......
  • JAVAscript运算符
    目录一、运算符    1.运算符(operator)也被称操作符,最用于实现赋值、比较和算数运算等功能的符号。    2.javascript中常用的有二、算术运算符    1.算数运算符概述    2.浮点数的精度问题    3.表达式和返回值三、递增和递减......
  • spring中@Async注解底层线程池实现原理
    一、前言开发中我们经常会用到异步方法调用,具体到代码层面,异步方法调用的实现方式有很多种,比如最原始的通过实现Runnable接口或者继承Thread类创建异步线程,然后启动异步线程;再如,可以直接用java.util.concurrent包提供的线程池相关API实现异步方法调用。如果说可以用一行代码快速......