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

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

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

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

1. 定時(shí)器模塊，到達時(shí)間點(diǎn)將其放入宏任務(wù)隊列
2. 如果主線(xiàn)程沒(méi)有任務(wù)則執行，如果有則等待執行完成后再繼續執行
3. 如果有兩個(gè)相同時(shí)間的定時(shí)器則上面的先執行下面的后執行
4. 如果兩個(gè)時(shí)間不同的定時(shí)器則時(shí)間短的先執行時(shí)間長(cháng)的后執行

注意點(diǎn)：

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

有關(guān)Promise

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

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");

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

DOM渲染任務(wù)

瀏覽器渲染：CSS+DOM執行遇到j(luò )s優(yōu)先執行js
可以把js盡量放在下面：避免白屏

任務(wù)共享內存

任務(wù)不會(huì )同時(shí)執行，會(huì )一個(gè)一個(gè)的被調度，他們共享內存

Promise微任務(wù)處理復雜業(yè)務(wù)

使用promise可以將任務(wù)變成異步任務(wù)使其不影響同步任務(wù)的執行

到此這篇關(guān)于JavaScript 操作宏任務(wù)與微任務(wù)的文章就介紹到這了,更多相關(guān)JavaScript宏任務(wù)與微任務(wù)內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！