對(duì)于有在學(xué)習(xí)前端的小伙伴們應(yīng)該都認(rèn)識(shí)知道什么是JavaScript,那么今天我們就來(lái)說(shuō)個(gè)有關(guān)于JavaScript的問(wèn)題。”JavaScript怎么實(shí)現(xiàn)異步傳輸?“這個(gè)問(wèn)題也是大家比較困惑的,那么下面是小編整理的相關(guān)內(nèi)容,希望對(duì)大家有所幫助!
一、瀏覽器
在我們的開發(fā)中,在瀏覽器端中的JavaScript可以實(shí)現(xiàn)兩個(gè)比較重要的接口,這兩個(gè)接口分別是定時(shí)器和ajax請(qǐng)求
定時(shí)器:
對(duì)于定時(shí)器,當(dāng)它被執(zhí)行的時(shí)候,我們的瀏覽器會(huì)進(jìn)行執(zhí)行定時(shí)計(jì)數(shù),而且在定時(shí)事件觸發(fā)之后會(huì)把事件推到我們的JavaScript事件中,只有當(dāng)JavaScript主線程同步完成之后才會(huì)到時(shí)間事件進(jìn)行執(zhí)行,所以JavaScript的定時(shí)器并不是準(zhǔn)時(shí)觸發(fā)的。
Ajax:
那么我們的Ajax請(qǐng)求和我們的定時(shí)器是一樣的,他們同樣是通過(guò)委托瀏覽器來(lái)進(jìn)行執(zhí)行任務(wù),在Ajax中是由于瀏覽器中的http請(qǐng)求線程之后發(fā)起服務(wù)請(qǐng)求,在得到請(qǐng)求之后從而完成事件,然后再將回調(diào)函數(shù)推入到我們的事件隊(duì)列中進(jìn)行等待。
二、Node JS 端
對(duì)于Node JS的異步實(shí)現(xiàn)和瀏覽器實(shí)現(xiàn)是有所不同的,在Node JS 中的Libuv 為我們提供了很多能力,其中包含:跨平臺(tái)、線程池、事件池、異步I/O 等等。不僅如此在Libuv中還為上一層的Node.js提供了統(tǒng)一的API調(diào)用,這就讓我們?cè)谑褂玫臅r(shí)候不需要去考慮平臺(tái)之間的差距,而且還可以做到隱藏了底層的實(shí)現(xiàn),對(duì)于Libuv來(lái)說(shuō)它本身就是異步和時(shí)間驅(qū)動(dòng)的,所以當(dāng)我們將I/O操作的請(qǐng)求傳送給Libuv之后,就會(huì)開啟線程來(lái)執(zhí)行我們的I/O的調(diào)用,后面在傳給我們的JavaScript從而進(jìn)行最后的處理。
發(fā)起I/O調(diào)用:
1、我們?cè)谑褂玫氖褂檬亲層脩敉ㄟ^(guò) Javascript 代碼調(diào)用 NodeJS 核心模塊,將參數(shù)和回調(diào)傳入核心模塊。
2、 在NodeJS中我們需要通過(guò) 核心模塊將傳入?yún)?shù)和回調(diào)封裝為一個(gè)請(qǐng)求對(duì)象。
3、 將這個(gè)請(qǐng)求對(duì)象推入到I/O線程池中等待執(zhí)行 J。
4、avascript 發(fā)起的異步調(diào)用結(jié)束,Javascript 線程繼續(xù)執(zhí)行后續(xù)操作 。
執(zhí)行回調(diào):
1、異步任務(wù)完成之后,會(huì)將結(jié)果存放在請(qǐng)求對(duì)象的 result 屬性上,并發(fā)出操作完成通知 。
2、每次事件循環(huán)時(shí)會(huì)檢查 I/O 線程池中是否存在已經(jīng)完成的 I/O 操作,如果有就將請(qǐng)求事件加入到I/O觀察者隊(duì)列當(dāng)中(事件隊(duì)列),之后當(dāng)作事件處理 。
3、處理I/O觀察者事件時(shí),會(huì)將之前封裝在請(qǐng)求對(duì)象中的回調(diào)函數(shù)取出,并將 result 參數(shù)傳入執(zhí)行,以完成 Javascript 回調(diào)的目的 。
下面我們來(lái)看一張流程圖:
總結(jié):
以上就是有關(guān)于“JavaScript怎么實(shí)現(xiàn)異步傳輸?“這個(gè)問(wèn)題的相關(guān)內(nèi)容和實(shí)現(xiàn)異步傳輸?shù)脑?!,感興趣的小伙伴可以參考學(xué)習(xí),當(dāng)然如果你有更好的方法和想法也可以提出來(lái)和大家一起分享探討,更多的有關(guān)于JavaScript方面的內(nèi)容我們都可以在W3Cschool中進(jìn)行學(xué)習(xí)和了解。