講清楚基礎系列——JS執行機制

dance 發布于2019-08-26 18:37 / 3523人閱讀

摘要：為什么是單線程的單線程的是怎么實現異步的問題一多線程的操作同一個，會造成瀏覽器的執行沖突比如一個刪除，一個修改。問題二通過事件循環機制實現異步是單線程的，主線程擁有一個執行棧和執行隊列。

js為什么是單線程的？單線程的js是怎么實現異步的？

問題一：多線程的js操作同一個DOM，會造成瀏覽器的執行沖突（比如：一個刪除，一個修改）。
問題二：通過事件循環機制（EventLoop）實現異步；

EventLoop

JS是單線程的，主線程擁有一個執行棧和執行隊列。主線程自上而下依次執行代碼，并判斷函數是同步的還是異步的，同步的函數直接在主線程中執行，異步函數塞入執行隊列。當主線程的函數執行完畢后，再將異步函數從執行隊列中出棧，直到執行完畢。

macrotasks:

setTimeout

setInterval

setImmediate

requestAnimationFrame

I/O

UI rendering

microtasks:

process.nextTick

Promises

Object.observe

MutationObserver

==microtask的執行優先級高于macrotask==

瀏覽器和Node的執行順序不一樣，上述規則適用于瀏覽器

https://github.com/kaola-fed/...

GPU云服務器云服務器 js執行機制執行機制 php執行的機制原理 JS調用棧機制

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

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

講清楚基礎系列——css布局

摘要：兩列或三列布局使用左右中間圣杯和雙飛翼布局，都是為了實現一個兩側寬度固定，中間寬度自適應的三欄布局。，，同樣需要設置父元素的高度方案方案，，更適合子元素寬高固定的情況是父元素的中心點，減去圖片寬度和高度的一半從而達到定位效果兩列或三列布局使用flex float 左右position:absolute,中間margin-left,margin-right 圣杯和雙飛翼布局，都...

qpwoeiru96 2019-08-30 11:26 評論0 收藏0
講清楚基礎系列——css布局

摘要：兩列或三列布局使用左右中間圣杯和雙飛翼布局，都是為了實現一個兩側寬度固定，中間寬度自適應的三欄布局。，，同樣需要設置父元素的高度方案方案，，更適合子元素寬高固定的情況是父元素的中心點，減去圖片寬度和高度的一半從而達到定位效果兩列或三列布局使用flex float 左右position:absolute,中間margin-left,margin-right 圣杯和雙飛翼布局，都...

tuomao 2019-08-26 18:37 評論0 收藏0
講清楚之javascript作用域

摘要：并且作用域鏈也確定了在當前上下文中查找標識符后返回的值。為了具象化分析問題，我們可以假設作用域鏈是一個數組，數組成員有一系列變量對象組成。注意，所有作用域鏈的最末端都為全局變量對象。所以作用域作用域鏈都是在當前運行環境內代碼執行前就確定了。什么是作用域（Scope）？作用域產生于程序源代碼中定義變量的區域，在程序編碼階段就確定了。javascript 中分為全局作用域(Global...

whidy 2019-08-22 17:27 評論0 收藏0