js是單線程的
- 因為是單線程，所以所有任務(wù)都需要排隊盐类，前一個任務(wù)結(jié)束寞奸，后一個任務(wù)才能執(zhí)行呛谜，如果前一個任務(wù)花費時間較長，后一個任務(wù)等待時間也隨之變長枪萄。
- js可以做到先把等待中的任務(wù)先放一邊晾著隐岛，去處理后面的任務(wù)。于是所有任務(wù)可以分為兩種呻引，一種是同步任務(wù)礼仗，另一種是異步任務(wù)：
- 同步任務(wù)很簡單，前面的任務(wù)完成后面才能執(zhí)行逻悠，一個接一個的執(zhí)行任務(wù)元践。
- 異步任務(wù)不占用主線程，直接進入“任務(wù)隊列”中童谒，等任務(wù)隊列通知主線程单旁，某個任務(wù)可以執(zhí)行了，才會進入主線程執(zhí)行饥伊。
異步執(zhí)行的運行機制
1 所有同步任務(wù)都在主線程上執(zhí)行梗肝，形成一個執(zhí)行棧
2 主線程之外何吝，還存在一個“任務(wù)隊列”疗锐。只要異步任務(wù)有了執(zhí)行結(jié)果允乐，就在“任務(wù)隊列”中放置一個事件
3 一旦執(zhí)行棧中的所有同步任務(wù)都執(zhí)行完畢，就會去“任務(wù)隊列”中讀取新的任務(wù)放到執(zhí)行棧中茫因，再依次執(zhí)行任務(wù)
4 只要主線程空了蚪拦，就會讀取任務(wù)隊列，這就是js的運行機制冻押。這個過程會不斷的重復(fù)
再說說事件和回調(diào)函數(shù)
- 任務(wù)隊列其實存放的是事件的隊列驰贷，主程序讀取任務(wù)隊列，其實就是在讀有哪些事件罷了
- 只要指定過回調(diào)函數(shù)洛巢，這些事件發(fā)生時就會進入任務(wù)隊列中括袒，等待主線程讀取
- 異步任務(wù)必須指定回調(diào)函數(shù)，當主線程執(zhí)行異步任務(wù)時稿茉，其實就是在執(zhí)行對應(yīng)的回調(diào)函數(shù)
- 任務(wù)隊列是一個先進先出的數(shù)據(jù)結(jié)構(gòu)锹锰，排在前面的先執(zhí)行。當調(diào)用棧中的任務(wù)空了后漓库，主線程會自動調(diào)用任務(wù)隊列里的任務(wù)執(zhí)行
來看看Event Loop
- 主線程從任務(wù)隊列中讀取任務(wù)恃慧，這個過程是不斷重復(fù)的，所以被稱為Event Loop(事件循環(huán))米苹，從字面意思就清楚了
-
再來看一張圖
瀏覽器中的Event Loop.png
上圖中，主線程產(chǎn)生了heap(堆)和stack(棧)砰琢，棧中的代碼調(diào)用各種api蘸嘶，然后在任務(wù)隊列中加入click,load,done等事件良瞧，當棧中的任務(wù)都執(zhí)行完后就去調(diào)用任務(wù)隊列中的事件并依次執(zhí)行
function one() {
var a = 1;
two();
function two() {
var b = 2;
three();
function three() {
console.log(b);
}
}
}
one();
// 棧：是先進后出 函數(shù)調(diào)用就是最常見的形式
// one -> two -> three 依次執(zhí)行
// 銷毀過程是three -> two -> one
任務(wù)隊列中的定時器
console.log(1);
setTimeout(function () {
console.log('定時器');
},0); // 如果不寫時間，默認是4ms
let p = new Promise(function (resolve, reject) {
console.log(3);
resolve(100);
}).then(function (data) {
console.log(data);
});
console.log(2);
// 1 3 2 100 '定時器'
Node
先來看看node是如何工作的
NodeJs的運行機制：
1 V8引擎解析js代碼
2 代碼中可能會調(diào)用node API训唱，node會交給LIBUV庫處理
3 LIBUV通過阻塞I/O和多線程實現(xiàn)了異步I\O
4 將任務(wù)的執(zhí)行結(jié)果返回給V8引擎褥蚯，V8引擎再將結(jié)果返回給用戶
Node中的Event Loop
在LIBUV內(nèi)部有這樣一個事件環(huán)機制，在node啟動時會初始化事件環(huán)
這里每一個階段都對應(yīng)一個事件隊列况增，當Event Loop執(zhí)行到某一階段的時候會將該階段對應(yīng)的事件依次執(zhí)行赞庶。
當隊列執(zhí)行完畢or執(zhí)行的數(shù)量超過上限的時候，會自動轉(zhuǎn)入下一階段澳骤。
這里我們重點關(guān)注一下poll階段
poll階段
總結(jié)一下：以上內(nèi)容就是關(guān)于事件環(huán)的整體流程歧强，也可以理解一下同步和異步的區(qū)別
