国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JavaScript中線程運行機制詳解

xiangchaobin / 1842人閱讀

摘要:中線程運行機制詳解對于我們都知道,他是個單線程語言,但是準確來說它是擁有一個執行程序主線程,和消息隊列輔線程,以及各個真正處理異步操作的工作線程。

JavaScript中線程運行機制詳解

對于JavaScript我們都知道,他是個單線程語言,但是準確來說它是擁有一個執行程序主線程,和消息隊列輔線程(Event Loop),以及各個真正處理異步操作的工作線程
當主線程執行JS程序的時候,如果遇到了異步的操作(如:click事件,setTimeOut,I/0操作,異步請求,Promise等),主線程將各個異步任務交給工作線程,主線程繼續執行,工作線程會判斷是否到了要執行該異步操作的條件了,如果工作線程判斷已經到了要執行工作線程的條件之后,就會把回調函數放入輔線程Event Loopmacrotask任務隊列或者microtask任務隊列的隊尾。當上述主線程執行完后續同步調用的代碼之后,輔線程會一直循環上面兩個隊列,首先執行的是microtask任務隊列,而且該任務隊列是該次循環就會執行完并清空的,macrotask會等到下次event loop循環的時候執行。

Example

1.  console.log(1);
2.  setTimeout(function timerCallback(){
3.    console.log(2);
4.  },0)
5.  new Promise(function execute(resolve,reject){
6.     console.log(3);
7.     if(true)
8.         resolve();
9.  }).then(function resolveCallback(){
10.     console.log(4);
11. });
12. console.log(5);
// 上面程序執行的順序是:1,3,5,4,2

代碼詳解:當主線程執行上述代碼的時候,從上往下執行
1、先將console.log(1)這句代碼做一個入棧執行的操作,打印出1,該句代碼沒有后續的方法調用了,就出棧銷毀

2、執行setTimeout,將改句代碼入棧執行,判斷到該方法屬于WebAPIs(JS工作線程提供API的統稱,其中包含了webcore工作模塊提供了DOM Binding、network、timer等),timerCallback方法出棧,交給工作線程webcore下的timer模塊,這里timer模塊會判斷是否到了執行條件了,由于是延時是0,所以timer模塊判斷可以執行了,并將回調函數timerCallback放到輔助線程Event Loop的macrotask隊尾,等待下一次Event Loop循環去執行。

3、繼續執行Promise這句代碼(包括then語句),將其入棧執行,判斷該Promise屬于Promise模塊(非WebAPIs),將其then的回調函數交給Promise模塊,有后續調用;將execute方法入棧執行,有后續調用;將console.log(3)入棧執行,打印出3,console.log(3)執行完畢,出棧銷毀;有后續調用if(true)入棧執行,判斷為true,出棧銷毀,繼續將resolve()入棧執行,判斷resolve()是WebAPIs的成功的回調,執行的時候通知到上面的Promise模塊,Promise模塊將成功的回調放到Event Loop的microtask隊尾,resolve()出棧銷毀,無后續調用,Promise出棧銷毀。

4、繼續執行,將console.log(5)入棧執行,打印出5,無后續調用,出棧銷毀。

5、Event Loop開始循環microtask隊列,將resolveCallback()入棧執行,有后續調用;將console.log(4)入棧執行,打印出4,出棧銷毀;無后續調用,resolveCallback()出棧銷毀,清空隊列。

6、Event Loop開始循環macrotask隊列,將timerCallback()入棧執行,有后續調用;將console.log(2)入棧執行,打印出2,出棧銷毀,無后續調用;將timerCallback()出棧銷毀,清空隊列。

備注:

macrotask任務隊列的來源有:

setTimeout

setInterval

setImmediate

I/O

UI rendering

microtask任務隊列的來源有:

process.nextTick

promises

Object.observe

MutationObserver

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

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

相關文章

  • JavaScript 運行機制詳解(理解同步、異步和事件循環)

    摘要:從異步過程的角度看,函數就是異步過程的發起函數,事件監聽函數就是異步過程的回調函數。事件觸發時,表示異步任務完成,會將事件監聽器函數封裝成一條消息放到消息隊列中,等待主線程執行。 1.為什么JavaScript是單線程? JavaScript語言的一大特點就是單線程,也就是說,同一個時間只能做一件事。那么,為什么JavaScript不能有多個線程呢?這樣能提高效率啊。JavaScrip...

    loonggg 評論0 收藏0
  • Javascript 運行機制詳解,Event Loop

    摘要:主線程在任務隊列中讀取事件,這個過程是循環不斷地,所以這種運行機制叫做事件循環是在執行棧同步代碼結束之后,下一次任務隊列執行之前。 單線程 javascript為什么是單線程語言,原因在于如果是多線程,當一個線程對DOM節點做添加內容操作的時候,另一個線程要刪除這個DOM節點,這個時候,瀏覽器應該怎么選擇,這就造成了混亂,為了解決這類問題,在一開始的時候,javascript就采用單線...

    Jingbin_ 評論0 收藏0
  • JavaScript Event Loop 機制詳解與 Vue.js 實踐應用

    摘要:機制詳解與中實踐應用歸納于筆者的現代開發語法基礎與實踐技巧系列文章。事件循環機制詳解與實踐應用是典型的單線程單并發語言,即表示在同一時間片內其只能執行單個任務或者部分代碼片。 JavaScript Event Loop 機制詳解與 Vue.js 中實踐應用歸納于筆者的現代 JavaScript 開發:語法基礎與實踐技巧系列文章。本文依次介紹了函數調用棧、MacroTask 與 Micr...

    livem 評論0 收藏0
  • JavaScript 運行機制--Event Loop詳解

    摘要:上代碼代碼可以看出,不僅函數比指定的回調函數先執行,而且函數也比先執行。這是因為后一個事件進入的時候,事件環可能處于不同的階段導致結果的不確定。這是因為因為執行完后,程序設定了和,因此階段不會被阻塞進而進入階段先執行,后進入階段執行。 JavaScript(簡稱JS)是前端的首要研究語言,要想真正理解JavaScript就繞不開他的運行機制--Event Loop(事件環) JS是一門...

    snifes 評論0 收藏0
  • 深入淺出JavaScript運行機制

    摘要:主線程從任務隊列中讀取事件,這個過程是循環不斷的,所以整個的這種運行機制又稱為事件循環。上面也提到,在到達指定時間時,定時器就會將相應回調函數插入任務隊列尾部。這就是定時器功能。關于定時器的重要補充定時器包括與兩個方法。 一、引子 本文介紹JavaScript運行機制,這一部分比較抽象,我們先從一道面試題入手: console.log(1); setTimeout(function()...

    mochixuan 評論0 收藏0

發表評論

0條評論

xiangchaobin

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<