console.log('script start') 
async function async1() {
  await async2()
  console.log('async1 end')
}
async function async2() {
  console.log('async2 end')
}
async1()
 
setTimeout(function() {
  console.log('setTimeout')
}, 0)
 
new Promise(resolve => {
  console.log('Promise')
  resolve()
})
.then(function() {
  console.log('promise1')
})
.then(function() {
  console.log('promise2')
})
 
console.log('script end')

執(zhí)行結(jié)果？

分析：

首先執(zhí)行同步代碼：

1. 首先執(zhí)行 console.log('script start')
2. 執(zhí)行 async1() 的時候，馬上執(zhí)行了 async2函數(shù)：console.log('async2 end')
3. 順序執(zhí)行 new Promise()中的同步函數(shù)：console.log('Promise')
4. 最后執(zhí)行 console.log('script end')。

上面是同步執(zhí)行的代碼，然后看剩下的異步執(zhí)行的代碼：

首先，setTimeout是宏觀任務(wù)，排除到最后，剩下微觀任務(wù)：

async function async1() {
  await async2()
  console.log('async1 end')
}
new Promise(resolve => {
  resolve()
})
.then(function() {
  console.log('promise1')
})
.then(function() {
  console.log('promise2')
})

5. 然后根據(jù)先入先出的對列方式，先執(zhí)行await async2() 后面阻礙的函數(shù)console.log('async1 end')
6. 執(zhí)行promise的resolve函數(shù)

new Promise(resolve => {
  resolve()
})

也就是接下來的兩個then：console.log('promise1') ----console.log('promise2') ；

7. 最后執(zhí)行的是 setTimeout函數(shù)console.log('setTimeout') ；

綜上所述，以上代碼執(zhí)行的順序是：

1.script start >> 2.async2 end >> 3.Promise >> 4.script end >> 5.async1 end >> 6.promise1 >> 7.promise2 >> 8.setTimeout

題目2:

(function() {
 
    setTimeout(() => {
        console.log(0);
    });
 
    new Promise(resolve => {
        console.log(1);
 
        setTimeout(() => {
            resolve();
            Promise.resolve().then(() => console.log(2));
            console.log(3);
        });
 
        Promise.resolve().then(() => console.log(4));
 
    }).then(() => {
        console.log(5);
        Promise.resolve().then(() => console.log(8));
        setTimeout(() => console.log(6));
    });
 
    console.log(7);
 
})();

1. 同樣先執(zhí)行同步代碼，且先把setTimeout去掉：

new Promise(resolve => {
      console.log(1);
      Promise.resolve().then(() => console.log(4)); //微觀任務(wù)
  }).then(() => {                  //then函數(shù)是執(zhí)行對應(yīng)的 resolve 的時候才執(zhí)行的
      console.log(5);
      Promise.resolve().then(() => console.log(8));//微觀任務(wù)
 }); console.log(7);

可以看出先執(zhí)行：console.log(1);console.log(7);

2. 執(zhí)行微任務(wù)Promise.resolve().then(() => console.log(4));

代碼變成了：

(function() {
  setTimeout(() => {
      console.log(0);
  });
  new Promise(resolve => {
      setTimeout(() => {
          resolve();
          Promise.resolve().then(() => console.log(2));
          console.log(3);
      });
  }).then(() => {
      console.log(5);
      Promise.resolve().then(() => console.log(8)); //這句是多加的
      setTimeout(() => console.log(6));
  });
})();

只剩下宏觀任務(wù)（微觀任務(wù)在宏觀任務(wù)里，也就是宏觀任務(wù)外面不在有微觀任務(wù)了）

3. 執(zhí)行console.log(0);
4.再執(zhí)行 new Promise 中的 setTimeout，先執(zhí)行里面的同步函數(shù)：console.log(3)
5. 再執(zhí)行上面的 resolve，對應(yīng)的是下面的then函數(shù)：

then(() => {
      console.log(5);
      Promise.resolve().then(() => console.log(8)); //這句是多加的
      setTimeout(() => console.log(6));
 }

所以先執(zhí)行console.log(5);

剩下的都是微觀任務(wù)和宏觀任務(wù)，先看微觀任務(wù)：

new Promise(resolve => {
     resolve();
     Promise.resolve().then(() => console.log(2));
 }).then(() => {
     Promise.resolve().then(() => console.log(8));
     setTimeout(() => console.log(6));
 });

所以根據(jù)隊列中的微觀任務(wù)順序先執(zhí)行：console.log(2)，在執(zhí)行then中的console.log(8)；

最后再執(zhí)行 console.log(6)

綜上所述，結(jié)果為

1/7/4/0/3/5/2/8/6

題目3:

(function() {
    setTimeout(() => {
        console.log(0);
    });
 
    new Promise(resolve => {
 
        console.log(1);
         
        setTimeout(() => {
            resolve();
            Promise.resolve().then(() => {
                console.log(2);
                setTimeout(() => console.log(3));
                Promise.resolve().then(() => console.log(4));
            });
        });
 
        Promise.resolve().then(() => console.log(5));
 
    }).then(() => {
 
        console.log(6);
        Promise.resolve().then(() => console.log(7));
        setTimeout(() => console.log(8));
 
    });
 
    console.log(9);
})();

解釋如下：【同步>異步；微任務(wù)>宏任務(wù)】第一步：打印出1、9；如圖