JavaScript 操作宏任務(wù)與微任務(wù)

更新時(shí)間：2021年06月25日 11:08:35 作者：火腿腸燒烤大賽冠軍

這篇文章主要介紹了JavaScript 操作宏任務(wù)與微任務(wù),簡要說明了有關(guān)定時(shí)器和具體的代碼實(shí)現(xiàn),希望對(duì)你有所幫助

宏任務(wù)與微任務(wù)

javaScript是單線程語言（如果多線程dom會(huì)瘋掉）
所以在同一時(shí)間只能執(zhí)行一個(gè)任務(wù)，稱為主線程，用來執(zhí)行同步任務(wù)
同時(shí)還有兩個(gè)任務(wù)列表用于存放異步任務(wù)，宏任務(wù)、微任務(wù)
執(zhí)行順序?yàn)椋?strong>主線程=>微任務(wù)=>宏任務(wù)

有關(guān)定時(shí)器

定時(shí)器模塊，到達(dá)時(shí)間點(diǎn)將其放入宏任務(wù)隊(duì)列
如果主線程沒有任務(wù)則執(zhí)行，如果有則等待執(zhí)行完成后再繼續(xù)執(zhí)行
如果有兩個(gè)相同時(shí)間的定時(shí)器則上面的先執(zhí)行下面的后執(zhí)行
如果兩個(gè)時(shí)間不同的定時(shí)器則時(shí)間短的先執(zhí)行時(shí)間長的后執(zhí)行

注意點(diǎn)：

定時(shí)器的⏲是在定時(shí)器模塊中完成的，完成后就和普通異步任務(wù)一樣了，
時(shí)間方面由于主線程實(shí)踐過長的原因，有可能會(huì)延后

在這里插入圖片描述

有關(guān)Promise

promise的構(gòu)造函數(shù)為同步任務(wù)
執(zhí)行順序永遠(yuǎn)為：同步=>微任務(wù)=>宏任務(wù)
在嵌套代碼中可能出現(xiàn)宏任務(wù)中有同步、宏任務(wù)、微任務(wù)，這時(shí)將他們放到下一次執(zhí)行中的隊(duì)列/主線程等待執(zhí)行

setTimeout(() => {
    console.log("定時(shí)器");
    setTimeout(() => {
      console.log("timeout timeout");
    }, 0);
    new Promise(resolve => {
      console.log("settimeout Promise");
      resolve();
    }).then(() => {
      console.log("settimeout then");
    });
  }, 0);
  new Promise(resolve => {
    console.log("Promise");
    resolve();
  }).then(() => {
    console.log("then");
  });
  console.log("ssss");

執(zhí)行順序：Promise=>ssss=>then=>定時(shí)器=>settimeout Promise=>settimeout then=>timeout timeout