async await 写法

最新推荐文章于 2024-10-28 15:18:39 发布

LUNA~

最新推荐文章于 2024-10-28 15:18:39 发布

阅读量119

点赞数

分类专栏： vue es7 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/CMDN123456/article/details/130741410

版权

vue 同时被 2 个专栏收录

67 篇文章 1 订阅

订阅专栏

es7

1 篇文章 0 订阅

订阅专栏

async/await是基于Promise的语法糖，用于简化异步编程。await只能在async函数内使用，它使得从Promise中获取值变得更加简洁。在处理异步操作时，由于this指向问题，通常需要保存this的引用。例如，temp函数中通过let_this=this;来保持this的正确指向，并用await获取Gerdata接口的数据。

摘要由CSDN通过智能技术生成

1.概念

2. 最简单的写法

1.概念

它们都是关键字；

async await配合起来使用就是实现异步操作的同步化；

它们是基于promises的语法糖，使得异步代码更易于编写和阅读；

await 只在 async 函数内有效，在其函数之外使用，会报错滴；

2. 最简单的写法

ps: 在方法中不能直接写this,因为是异步，直接写this ,那么this的指向可能不是我们所要的。必须先给它起个别名，再使用！！！

let tableData=[];
async function temp(){
   let _this=this;
   let res =await Gerdata();//调接口
   _this.tableData=res;
   consoloe.log( _this.tableData)
}

扩展：在setTimeout中也同样。