事件循环-为什么是这个执行顺序?

原创于 2024-01-19 22:26:11 发布 · 407 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

本文详细介绍了JavaScript中async/await关键字的使用，以及如何与setTimeout和Promise配合实现异步控制，展示了在脚本执行顺序中的异步行为。

async function async1() {
    console.log('async1 start');  // 2
    await async2();
    console.log('async1 end');    // 6
  }
  async function async2() {
    console.log('async2');      //  3
  }
  console.log('script start');  //  1
  setTimeout(function () {
    console.log('setTimeout');  // 8
  }, 0)
  async1();
  new Promise(function (resolve) {  
    console.log('promise1');    // 4
    resolve();
  }).then(function () {
    console.log('promise2');    // 7
  });
  console.log('script end');    // 5