ES7中的Async/await及modal模块化

最新推荐文章于 2023-07-31 17:10:31 发布

牛仔在哪

最新推荐文章于 2023-07-31 17:10:31 发布

阅读量361

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/ape_003/article/details/126820452

版权

(1)、Async/await的基本使用

这是ES7的语法，它是基于generator函数做的语法糖。async用于申明一个function是异步的，返回一个promise对象，而await可以认为是async wait的简写，等待一个异步方法执行完成。async必须声明的是一个function，await必须在声明的函数内部使用。

<script>
// async 用于申明一个function是异步的，返回一个promise对象
async function demo() {
  setTimeout(() => {
    console.log('我是async声明的异步函数');
  },1000);
  return '我是异步函数的返回值';
}
demo();
console.log(demo());
demo().then(res => {
  console.log(res);
})
// await 可以async wait 的简写，必须出现再async的函数内部，不能单独使用
// await 等待的虽然是promise对象，但不用通过then获取返回值，而是直接得到返回值
async function demo2() {
  let result = await Promise.resolve(123);
  console.log(result);
}
demo2();
</script>

（2）、Async/await的应用