js 宏任務和微任務

zollero 發布于2019-08-26 13:37 / 1483人閱讀

摘要：想了解什么是宏任務和微任務，必須得知道的執行順序，是單線程，執行時存在各種任務隊列。一些論證討論使用宏任務和微任務知識完成實現為數組，因為可能同時有很多個回調

想了解什么是宏任務和微任務，必須得知道JavaScript的執行順序，JavaScript是單線程，執行時存在各種任務隊列。

常見的宏任務

業界流行的認為，可能個別瀏覽器有差異

類型	瀏覽器	Node
I/O	?	?
setTimeout	?	?
setInterval	?	?
setImmediate	?	?
requestAnimationFrame	?	?

常見的微任務

業界流行的認為，可能個別瀏覽器有差異

類型	瀏覽器	Node
process.nextTick	?	?
MutationObserver	?	?
Promise.then catch finally	?	?

在當前的微任務沒有執行完成時，是不會執行下一個宏任務的 經典例子

setTimeout(_ => console.log(4))

new Promise(resolve => {
  resolve()
  console.log(1)
}).then(_ => {
  console.log(3)
})

console.log(2)

經典提問： setTimeout設置為0的作用

關鍵就是setTimeout是宏任務，不管延遲設置為多少還是會進入任務隊列。

一些論證、討論

https://www.cnblogs.com/xieex/archive/2008/07/11/1241137.html

http://www.cnblogs.com/silin6/p/4333999.html

使用宏任務和微任務知識完成：promise ES5實現

function promise(fn) {
    var value = null,
        callbacks = [];  //callbacks為數組，因為可能同時有很多個回調

    this.then = function (onFulfilled) {
        callbacks.push(onFulfilled);
        return this;
    };

    function resolve(value) {
        setTimeout(function () {
            callbacks.forEach(function (callback) {
                callback(value);
            });
        }, 0)
    }

    fn(resolve);
}


function test() {
    return new promise(function(resolve) {
        console.log("1");
        resolve();
    })
}

test().then(function(resolve) {
    console.log("2");
}).then(function(resolve) {
    console.log("3");
});

GPU云服務器云服務器定時任務與觸發任務工作流任務和節點任務任務池任務堆棧

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109190.html

js運行機制-事件循環EventLoop

js運行機制-事件循環EventLoop 先來看看一段js代碼： console.log(script begin) setTimeout(() => { console.log(setTimeout) },0) new Promise((resolve) => { console.log(promise begin) for(let i = 0; i < 1000; i...

jayce 2019-08-26 13:33 評論0 收藏0
事件循環機制

摘要：事件觸發線程主要負責將準備好的事件交給引擎線程執行。進程瀏覽器渲染進程瀏覽器內核，主要負責頁面的渲染執行以及事件的循環。第二輪循環結束。將自己讀到的比較好的文章分享出來，大家互相學習，各位大佬有好的文章也可以留個鏈接互相學習，萬分感謝！線程與進程關于線程與進程的關系可以用下面的圖進行說明： showImg(https://segmentfault.com/img/bVbjSZt?...

Blackjun 2019-08-29 17:21 評論0 收藏0
事件循環機制

摘要：事件觸發線程主要負責將準備好的事件交給引擎線程執行。進程瀏覽器渲染進程瀏覽器內核，主要負責頁面的渲染執行以及事件的循環。第二輪循環結束。將自己讀到的比較好的文章分享出來，大家互相學習，各位大佬有好的文章也可以留個鏈接互相學習，萬分感謝！線程與進程關于線程與進程的關系可以用下面的圖進行說明： showImg(https://segmentfault.com/img/bVbjSZt?...

CloudwiseAPM 2019-08-26 13:25 評論0 收藏0
js的setTimeout和Promise---同步異步和微任務宏任務

摘要：為了最終確認，進行最后一次驗證，在第一個里面多加一層同步新加行新加行新加行新加行新加行新加行同步輸出結果如下同步同步確認完畢，的確是一層一層的執行。而是微任務，是宏任務。久經前端開發沙場，會經歷各式各樣的需求，處理這些需求時候，會使用各種各樣的api和功能，這里集中對setTimeout和Promise的異步功能進行討論一下。單獨使用的執行模式這里就使用Promise作為例子，...

stdying 2019-08-26 13:28 評論0 收藏0