async/await用法

最新推荐文章于 2022-11-19 10:03:18 发布

tkrj7_

最新推荐文章于 2022-11-19 10:03:18 发布

阅读量104

点赞数 1

文章标签： js vue

本文链接：https://blog.csdn.net/tkrj7_/article/details/113880822

版权

这篇博客介绍了ES7引入的async/await语法，它使得异步编程更加简洁。async关键字用于定义函数为异步，返回Promise对象；await则在异步函数中等待Promise解决并返回结果。示例展示了如何利用async/await顺序执行多个axios的GET请求，并获取其结果。

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

接口调用-async/await用法

async/await是ES7引入的新语法，可以更加方便的进行异步操作

async关键字用于函数上（async函数的返回值是Promise实例对象）
await关键字用于async函数当中（await可以得到异步的结果）

async function queryData(id){
    //await 后面要跟一个promise实例对象
    const ret = await axios.get('/data');
    return ret; 
}
queryData.then(ret=>{
    console.log(ret);
});

async/await处理多个异步请求

async function queryData() {
    //按顺序写即可
    var info = await axios.get('async1');
    var ret = await axios.get('async2?info=' + info.data);
    return ret.data;
}
queryData().then(function (data) {
    console.log(data);
});