JavaScript運行機(jī)制之EventLoop

主線程從"任務(wù)隊列"中讀取事件，這個過程是循環(huán)不斷的，所以整個的這種運行機(jī)制又稱為Event Loop（事件循環(huán)）。

為了更好地理解Event Loop，請看下圖

上圖中，主線程運行的時候，產(chǎn)生堆（heap）和棧（stack），棧中的代碼調(diào)用各種外部API，它們在"任務(wù)隊列"中加入各種事件（click，load，done）。只要棧中的代碼執(zhí)行完畢，主線程就會去讀取"任務(wù)隊列"，依次執(zhí)行那些事件所對應(yīng)的回調(diào)函數(shù)。

執(zhí)行棧中的代碼（同步任務(wù)），總是在讀取"任務(wù)隊列"（異步任務(wù)）之前執(zhí)行。請看下面這個例子。

 var req = new XMLHttpRequest();
 req.open('GET', url); 
 req.onload = function (){}; 
 req.onerror = function (){}; 
 req.send();

上面代碼中的req.send方法是Ajax操作向服務(wù)器發(fā)送數(shù)據(jù)，它是一個異步任務(wù)，意味著只有當(dāng)前腳本的所有代碼執(zhí)行完，系統(tǒng)才會去讀取"任務(wù)隊列"。所以，它與下面的寫法等價。

 var req = new XMLHttpRequest();
 req.open('GET', url);
 req.send();
 req.onload = function (){}; 
 req.onerror = function (){};

也就是說，指定回調(diào)函數(shù)的部分（onload和onerror），在send()方法的前面或后面無關(guān)緊要，因為它們屬于執(zhí)行棧的一部分，系統(tǒng)總是執(zhí)行完它們，才會去讀取"任務(wù)隊列"。

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注Gxl網(wǎng)其它相關(guān)文章！

推薦閱讀：

JavaScript運行機(jī)制之任務(wù)隊列

瀏覽器的多線程機(jī)制詳解

關(guān)于js中類型轉(zhuǎn)換的一些小問題

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com