vue中如何正确使用异步async和await

news/2024/9/25 19:16:29/

async 是异步的意思,而 await 是等待的意思,await 用于等待一个异步任务执行完成的结果。
1.async/await 是一种编写异步代码的新方法(以前是采用回调和 promise)。
2. async/await 是建立在 promise 的基础上。
3. async/await 像 promise 一样,也是非阻塞的。
4. async/await 让异步代码看起来、表现起来更像同步代码。

 而如果本身就是同步的代码 加上 没有任何意义

使用场景  如下本是两个请求后端接口的两个异步方法,改成await 写法后更更直观

javascript">    getData() {const simcardInfo = ''sceneQuery(data).then(res => {simcardInfo = res.data.simcardInfosceneQuery(simcardInfo).then(res1 => {console.log(res1 )})})}
javascript">   async getData() {const simcardInfo = ''await  sceneQuery(data).then(res => {simcardInfo = res.data.simcardInfo})await  sceneQuery(simcardInfo).then(res1 => {console.log(res1)})}

虽然上面两种方法都能实现效果,但是第二种更加简单、直观


http://www.ppmy.cn/news/1450875.html

相关文章

Python中如何调用其他文件的类或函数

Python中如何调用其他文件的类或函数 在Python编程中,随着项目的扩大,代码通常会被分解为多个模块,以提高可读性和可维护性。模块通常是包含Python定义和声明的文件。了解如何从一个文件调用另一个文件中的类或函数是非常重要的,…

Electron打包流程

安装 先安装依赖 apt-get update apt-get install -y wine dpkg fakeroot rpm mono-complete dpkg -add-architecture i386 && apt-get update apt-get install -y win32 rm -rf /var/lib/apt/lists/* 安装electron npm install --save-dev electron --registry ht…

Vue Canvas图片水印的绘制 图片加水印

效果 定义画布 <canvas width"800" height"800" ref"cn" ></canvas>绘制水印 draw(){const img new Image()img.srchttps://img1.baidu.com/it/u3035183739,1826404114&fm253&fmtauto&app138&fJPEGimg.onload(()…

CSS 伪类、伪元素的应用实例:电池充电、高能进度条

一、目的 本文通过 CSS 伪类、伪元素&#xff0c;结合动画 animation 和 Vue 动态样式属性&#xff08;通过 CSS 变量&#xff09;的写法&#xff0c;来实现电池充电、高能进度条的效果&#xff0c;如下图所示。 二、基础知识 1、CSS 伪类、伪元素 简单概括成以下 4 点&#x…

ZooKeeper知识点总结及分布式锁实现

最初接触ZooKeeper是之前的一个公司的微服务项目中&#xff0c;涉及到Dubbo和ZooKeeper&#xff0c;ZooKeeper作为微服务的注册和配置中心。好了&#xff0c;开始介绍ZooKeeper了。 目录 1.ZooKeeper的基本概念 2.ZooKeeper的节点&#xff08;ZNode&#xff09; 3. ZooKeep…

Verilog学习之时序控制、语句块(1)

推荐Verilog学习网址&#xff1a; HDLbits EDAPlayground 菜鸟教程 因为自己以前学过Verilog&#xff0c;现在要重新捡起来&#xff0c;所以就记录了一下不熟悉的部分。 时序控制 代码来自菜鸟教程4.3 Verilog 时序控制 | 菜鸟教程 1.时延控制 常规时延 #10 value1 v…

利用大语言模型(KIMI)构建智能产品的控制信息模型

数字化的核心是数字化建模&#xff0c;为一个事物构建数字模型是一项十分复杂的工作。不同的应用场景&#xff0c;对事物的关注重点的不同的。例如&#xff0c;对于一个智能传感器而言&#xff0c;从商业的角度看&#xff0c;产品的信息模型中应该包括产品的类型&#xff0c;名…

Matlab|交直流系统潮流计算(含5种控制模式)

目录 1 主要内容 程序参考流程图 2 部分代码 3 程序结果 4 下载链接 1 主要内容 该程序参考文献《交直流系统潮流计算及相互关联特性分析》&#xff0c;采用5种交直流潮流控制方式&#xff1a;1.定电流定电压 2.定电流定熄弧角 3.定功率定电压 4.定功率定熄弧角 5.定触发角…