vue中用async/await 来处理异步

最新推荐文章于 2024-07-08 16:40:47 发布

CJW-Coder

最新推荐文章于 2024-07-08 16:40:47 发布

阅读量3.9k

点赞数 2

分类专栏： vue

本文链接：https://blog.csdn.net/qq_42143163/article/details/99293502

版权

本文介绍了在Vue中如何使用async/await处理异步操作，讲解了async函数返回Promise对象以及await关键字等待Promise解决的过程。通过示例展示了如何避免回调地狱，使异步代码更易于理解和维护。

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

**用async/await ** 来处理异步
先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思，异步函数也就意味着该函数的执行不会阻塞后面代码的执行。写一个async 函数

async function timeout() {
   
　　return 'hello world';
}
timeout();
console.log('虽然在后面，但是我先执行');

在这里插入图片描述
async 函数 timeout 调用了，但是没有任何输出，它不是应该返回 ‘hello world’, 先不要着急，看一看timeout()执行返回了什么？把上面的 timeout() 语句改为console.log(timeout())

async function timeout() {
   
    return 'hello world'
}
console.log(timeout());
console.log('虽然在后面，但是我先执行');
</

关注

专栏目录