資訊專(zhuān)欄INFORMATION COLUMN
摘要：為什么是單線程的單線程的是怎么實(shí)現(xiàn)異步的問(wèn)題一多線程的操作同一個(gè)，會(huì)造成瀏覽器的執(zhí)行沖突比如一個(gè)刪除，一個(gè)修改。問(wèn)題二通過(guò)事件循環(huán)機(jī)制實(shí)現(xiàn)異步是單線程的，主線程擁有一個(gè)執(zhí)行棧和執(zhí)行隊(duì)列。
js為什么是單線程的？單線程的js是怎么實(shí)現(xiàn)異步的？
問(wèn)題一：多線程的js操作同一個(gè)DOM，會(huì)造成瀏覽器的執(zhí)行沖突（比如：一個(gè)刪除，一個(gè)修改）。
問(wèn)題二：通過(guò)事件循環(huán)機(jī)制（EventLoop）實(shí)現(xiàn)異步；
JS是單線程的，主線程擁有一個(gè)執(zhí)行棧和執(zhí)行隊(duì)列。主線程自上而下依次執(zhí)行代碼，并判斷函數(shù)是同步的還是異步的，同步的函數(shù)直接在主線程中執(zhí)行，異步函數(shù)塞入執(zhí)行隊(duì)列。當(dāng)主線程的函數(shù)執(zhí)行完畢后，再將異步函數(shù)從執(zhí)行隊(duì)列中出棧，直到執(zhí)行完畢。
macrotasks:
setTimeout
setInterval
setImmediate
requestAnimationFrame
I/O
UI rendering
microtasks:
process.nextTick
Promises
Object.observe
MutationObserver
==microtask的執(zhí)行優(yōu)先級(jí)高于macrotask==
瀏覽器和Node的執(zhí)行順序不一樣，上述規(guī)則適用于瀏覽器
https://github.com/kaola-fed/...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/110292.html
摘要：兩列或三列布局使用左右中間圣杯和雙飛翼布局，都是為了實(shí)現(xiàn)一個(gè)兩側(cè)寬度固定，中間寬度自適應(yīng)的三欄布局。，，同樣需要設(shè)置父元素的高度方案方案，，更適合子元素寬高固定的情況是父元素的中心點(diǎn)，減去圖片寬度和高度的一半從而達(dá)到定位效果 兩列或三列布局 使用flex float 左右position:absolute,中間margin-left,margin-right 圣杯和雙飛翼布局，都...
摘要：兩列或三列布局使用左右中間圣杯和雙飛翼布局，都是為了實(shí)現(xiàn)一個(gè)兩側(cè)寬度固定，中間寬度自適應(yīng)的三欄布局。，，同樣需要設(shè)置父元素的高度方案方案，，更適合子元素寬高固定的情況是父元素的中心點(diǎn)，減去圖片寬度和高度的一半從而達(dá)到定位效果 兩列或三列布局 使用flex float 左右position:absolute,中間margin-left,margin-right 圣杯和雙飛翼布局，都...
摘要：并且作用域鏈也確定了在當(dāng)前上下文中查找標(biāo)識(shí)符后返回的值。為了具象化分析問(wèn)題，我們可以假設(shè)作用域鏈?zhǔn)且粋€(gè)數(shù)組，數(shù)組成員有一系列變量對(duì)象組成。注意，所有作用域鏈的最末端都為全局變量對(duì)象。所以作用域作用域鏈都是在當(dāng)前運(yùn)行環(huán)境內(nèi)代碼執(zhí)行前就確定了。 什么是作用域（Scope）？ 作用域產(chǎn)生于程序源代碼中定義變量的區(qū)域，在程序編碼階段就確定了。javascript 中分為全局作用域(Global...
閱讀 1445·2021-11-17 09:33
閱讀 3034·2021-10-13 09:39
閱讀 2711·2021-10-09 10:01
閱讀 2455·2021-09-29 09:35
閱讀 3906·2021-09-26 10:01
閱讀 3527·2019-08-26 18:37
閱讀 3155·2019-08-26 13:46
閱讀 1919·2019-08-26 13:39
