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

最新推荐文章于 2023-05-22 23:58:36 发布

VIP文章风妤.

最新推荐文章于 2023-05-22 23:58:36 发布

阅读量480

点赞数

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

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

版权

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() 语句改为console.log(timeout())

关注