一篇文章彻底搞懂ES6中的async/await

最新推荐文章于 2024-04-10 20:25:15 发布

风妤.

最新推荐文章于 2024-04-10 20:25:15 发布

阅读量528

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_54187299/article/details/117301551

版权

本文详细解析了ES2017中引入的async和await关键字，阐述了它们如何简化异步编程。async函数表示异步操作，返回一个Promise，而await则用于等待Promise的解决，并获取其结果。通过实例，展示了如何使用async/await处理异步任务，揭示了其执行流程和优势。

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

ES2017 标准引入了 async 函数，使得异步操作变得更加方便。

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

async function timeout() {
　　return 'hello world';
}

　　语法很简单，就是在函数前面加上async 关键字，来表示它是异步的，那怎么调用呢？async 函数也是函数，平时我们怎么使用函数就怎么使用它，直接加括号调用就可以了，为了表示它没有阻塞它后面代码的执行，我们在async 函数调用之后加一句console.log;

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

　打开浏览器控制台，我们看到了

　　async 函数 timeout 调用了，但是没有任何输出，它不是应该返回 'hello world', 先不要着急，看一看timeout()执行返回了什么？把上面的 timeout() 语句改为cons

关注

专栏目录