異步和單線程 - 其他

單線程

單線程執(zhí)行順序就是從上到下依次執(zhí)行,同一時間內(nèi)只能有一段代碼被執(zhí)行。
雖然JavaScript是單線程的,可是瀏覽器內(nèi)部不是單線程的。你的一些I/O操作、定時器的計時和事件監(jiān)聽(click, keydown…)等都是由瀏覽器提供的其他線程來完成的。

如果想利用多線程處理一些耗時較長的任務(wù),可以使用HTML5提出的Web Worker。

一個js程序的單線程用來執(zhí)行棧中的同步任務(wù),當所有同步任務(wù)執(zhí)行完畢后,棧被清空,然后讀取任務(wù)隊列中的一個待處理任務(wù),并把相關(guān)回調(diào)函數(shù)壓入棧中,單線程開始執(zhí)行新的同步任務(wù),執(zhí)行完畢。

單線程從任務(wù)隊列中讀取任務(wù)是不斷循環(huán)的,每次棧被清空后,都會在任務(wù)隊列中讀取新的任務(wù),如果沒有新的任務(wù),就會等待,直到有新的任務(wù),這就叫任務(wù)循環(huán)。因為每個任務(wù)都由一個事件所觸發(fā),所以也叫事件循環(huán)。

異步

拿ajax來說,當頁面的單線程執(zhí)行xhr.send()之后,對于頁面來說發(fā)送任務(wù)已經(jīng)完成了。

怎么發(fā)送,那是瀏覽器的事,和單線程無關(guān);什么時候響應(yīng),這事說不準。

為了及時地得到響應(yīng)的內(nèi)容,在單線程中注冊相應(yīng)的事件就好xhr.onreadystatechange = fn() {...}。注冊之后,瀏覽器會在內(nèi)部的其他線程中自動地幫我們監(jiān)聽該事件。直到該事件被觸發(fā),瀏覽器會在任務(wù)隊列中添加一個任務(wù)等待該單線程執(zhí)行。

定時器

setTimeout的作用是在間隔一定的時間后,將回調(diào)函數(shù)插入任務(wù)隊列中,等棧中的同步任務(wù)都執(zhí)行完畢后,再執(zhí)行。因為棧中的同步任務(wù)也會耗時,所以間隔的時間一般會大于等于指定的時間。

setTimeout(fn, 0)的意思是,將回調(diào)函數(shù)fn立刻插入任務(wù)隊列,等待執(zhí)行,而不是立即執(zhí)行。看一個例子:

setTimeout(function() {
console.log("a")
}, 0)
for(let i=0; i<10000; i++) {}
console.log("b")
// 結(jié)果:b a

打印結(jié)果表明回調(diào)函數(shù)并沒有立刻執(zhí)行,而是等待棧中的任務(wù)執(zhí)行完畢后才執(zhí)行的。棧中的任務(wù)執(zhí)行多久,它就得等多久。

ps: JavaScript單線程和其異步機制就如上所述。

所謂的單線程并不孤單,它的背后有瀏覽器的其他線程為其服務(wù),其異步也得靠其他線程來監(jiān)聽事件的響應(yīng),并將回調(diào)函數(shù)推入到任務(wù)隊列等待執(zhí)行。單線程所做的就是執(zhí)行棧中的同步任務(wù),執(zhí)行完畢后,再從任務(wù)隊列中取出一個事件(沒有事件的話,就等待事件),然后開始執(zhí)行棧中相關(guān)的同步任務(wù),不斷的這樣循環(huán)。

參考資料:* 并發(fā)模型與Event Loop

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,763評論 6 539
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,238評論 3 428
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,823評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,604評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,339評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,713評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,712評論 3 445
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,893評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,448評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,201評論 3 357
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,397評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,944評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,631評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,033評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,321評論 1 293
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,128評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,347評論 2 377

推薦閱讀更多精彩內(nèi)容