await表达式的执行顺序问题

最新推荐文章于 2023-09-28 15:55:29 发布

urnotwangPder

最新推荐文章于 2023-09-28 15:55:29 发布

阅读量549

点赞数 1

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/urnotwang/article/details/131526594

版权

await表达式的执行顺序问题

结论：如果有同步代码和异步代码同时出现，一定是先执行同步，再执行异步

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
      结论：如果有同步代码和异步代码同时出现，一定是先执行同步，再执行异步
   -->
  <script>
    async function main() {
      console.log(1111)
      let res = await Promise.resolve('ok')
      console.log(res);
      console.log(2222);
      console.log(3333);
      console.log(4444);
      let res1 = await Promise.resolve('okk')
      console.log(res1);
      console.log(6666);
      console.log(7777);
    }
    // 调用
    main()
    console.log(5555);
    // 输出顺序为 1111 5555 ok 2222 3333 4444 okk 6666 7777
  </script>
</body>

</html>