1.背景介紹
同步指的是一次只能完成一件任務(wù)豪墅。如果有多個(gè)任務(wù)泉手,就必須排隊(duì),前面一個(gè)任務(wù)完成偶器,再執(zhí)行后面一個(gè)任務(wù)斩萌,以此類(lèi)推缝裤。
異步指的是每一個(gè)任務(wù)有一個(gè)或多個(gè)回調(diào)函數(shù)(callback),前一個(gè)任務(wù)結(jié)束后颊郎,不是執(zhí)行后一個(gè)任務(wù)憋飞,而是執(zhí)行回調(diào)函數(shù),后一個(gè)任務(wù)則是不等前一個(gè)任務(wù)結(jié)束就執(zhí)行袭艺,所以程序的執(zhí)行順序與任務(wù)的排列順序是不一致的搀崭、異步的。
2.知識(shí)剖析
首先js是單線程的語(yǔ)言猾编,即同一時(shí)間只能做做一件事瘤睹。那Js如何實(shí)現(xiàn)異步的,異步和單線程不是自相矛盾嗎答倡?其實(shí)轰传,單線程和異步確實(shí)不能同時(shí)成為一個(gè)語(yǔ)言的特性。js選擇了成為單線程的語(yǔ)言瘪撇,所以它本身不可能是異步的获茬,但js的宿主環(huán)境(比如瀏覽器,Node)是多線程的倔既,宿主環(huán)境通過(guò)某種方式(事件驅(qū)動(dòng)恕曲,下文會(huì)講)使得js具備了異步的屬性。
瀏覽器的內(nèi)核是多線程的渤涌,它們?cè)趦?nèi)核制控下相互配合以保持同步佩谣,一個(gè)瀏覽器至少實(shí)現(xiàn)三個(gè)常駐線程:javascript引擎線程,UI渲染線程实蓬,瀏覽器事件觸發(fā)線程茸俭。
1.javascript引擎線程是基于事件驅(qū)動(dòng)單線程執(zhí)行的,JS引擎一直等待著任務(wù)隊(duì)列中任務(wù)的到來(lái)安皱,然后加以處理调鬓,瀏覽器無(wú)論什么時(shí)候都只有一個(gè)JS線程在運(yùn)行JS程序。
2.UI渲染線程負(fù)責(zé)渲染瀏覽器界面酌伊,當(dāng)界面需要重繪(Repaint)或由于某種操作引發(fā)回流(reflow)時(shí),該線程就會(huì)執(zhí)行腾窝。但需要注意 UI渲染線程與JS引擎是互斥的,當(dāng)JS引擎執(zhí)行時(shí)UI線程會(huì)被掛起居砖,UI更新會(huì)被保存在一個(gè)隊(duì)列中等到JS引擎空閑時(shí)立即被執(zhí)行燕锥。
3.事件觸發(fā)線程,當(dāng)一個(gè)事件被觸發(fā)時(shí)該線程會(huì)把事件添加到待處理隊(duì)列的隊(duì)尾悯蝉,等待JS引擎的處理归形。這些事件可來(lái)自JavaScript引擎當(dāng)前執(zhí)行的代碼塊如setTimeOut、也可來(lái)自瀏覽器內(nèi)核的其他線程如鼠標(biāo)點(diǎn)擊鼻由、AJAX異步請(qǐng)求等暇榴,但由于JS的單線程關(guān)系所有這些事件都得排隊(duì)等待JS引擎處理厚棵。
3.常見(jiàn)問(wèn)題
1.ajax發(fā)送異步請(qǐng)求瀏覽器做了什么。
2.有哪些常見(jiàn)異步回調(diào)函數(shù)蔼紧?
4.解決方案
1.Js創(chuàng)建了一個(gè)ajax請(qǐng)求
? 2.瀏覽器另外開(kāi)啟一個(gè)ajax引擎線程婆硬,執(zhí)行ajax請(qǐng)求
? 3.執(zhí)行得到響應(yīng)后將回調(diào)函數(shù)放入任務(wù)隊(duì)列中。
4.Js執(zhí)行任務(wù)隊(duì)列中的回調(diào)函數(shù)奸例。
2.常見(jiàn)的異步
1彬犯,點(diǎn)擊時(shí)間,
2查吊,定時(shí)器谐区,
3,AJAX請(qǐng)求逻卖。
5.遇到到問(wèn)題宋列。
如何寫(xiě)一個(gè)簡(jiǎn)單的異步操作。
答:回調(diào)函數(shù)也相當(dāng)于異步操作评也,所以可以在函數(shù)A里面回調(diào)函數(shù)B炼杖。
如果倆個(gè)定時(shí)器操作耗時(shí)一樣長(zhǎng)或者一個(gè)比一個(gè)操作耗時(shí)稍微短,代碼如何執(zhí)行盗迟。
答:異步操作總是將耗時(shí)的任務(wù)放在后面執(zhí)行所以耗時(shí)短的將會(huì)在前面執(zhí)行坤邪,如果耗時(shí)一樣長(zhǎng)則看函數(shù)的排序,或者是否回調(diào)罚缕。