App下載

JavaScript實(shí)現(xiàn)異步傳輸?shù)脑?

猿友 2021-07-02 15:16:49 瀏覽數(shù) (2916)
反饋

對于有在學(xué)習(xí)前端的小伙伴們應(yīng)該都認(rèn)識知道什么是JavaScript,那么今天我們就來說個(gè)有關(guān)于JavaScript的問題?!盝avaScript怎么實(shí)現(xiàn)異步傳輸?“這個(gè)問題也是大家比較困惑的,那么下面是小編整理的相關(guān)內(nèi)容,希望對大家有所幫助!


一、瀏覽器

在我們的開發(fā)中,在瀏覽器端中的JavaScript可以實(shí)現(xiàn)兩個(gè)比較重要的接口,這兩個(gè)接口分別是定時(shí)器和ajax請求

定時(shí)器:

對于定時(shí)器,當(dāng)它被執(zhí)行的時(shí)候,我們的瀏覽器會進(jìn)行執(zhí)行定時(shí)計(jì)數(shù),而且在定時(shí)事件觸發(fā)之后會把事件推到我們的JavaScript事件中,只有當(dāng)JavaScript主線程同步完成之后才會到時(shí)間事件進(jìn)行執(zhí)行,所以JavaScript的定時(shí)器并不是準(zhǔn)時(shí)觸發(fā)的。

Ajax:

那么我們的Ajax請求和我們的定時(shí)器是一樣的,他們同樣是通過委托瀏覽器來進(jìn)行執(zhí)行任務(wù),在Ajax中是由于瀏覽器中的http請求線程之后發(fā)起服務(wù)請求,在得到請求之后從而完成事件,然后再將回調(diào)函數(shù)推入到我們的事件隊(duì)列中進(jìn)行等待。


二、Node JS 端

對于Node JS的異步實(shí)現(xiàn)和瀏覽器實(shí)現(xiàn)是有所不同的,在Node JS 中的Libuv 為我們提供了很多能力,其中包含:跨平臺、線程池、事件池、異步I/O 等等。不僅如此在Libuv中還為上一層的Node.js提供了統(tǒng)一的API調(diào)用,這就讓我們在使用的時(shí)候不需要去考慮平臺之間的差距,而且還可以做到隱藏了底層的實(shí)現(xiàn),對于Libuv來說它本身就是異步和時(shí)間驅(qū)動(dòng)的,所以當(dāng)我們將I/O操作的請求傳送給Libuv之后,就會開啟線程來執(zhí)行我們的I/O的調(diào)用,后面在傳給我們的JavaScript從而進(jìn)行最后的處理。

發(fā)起I/O調(diào)用:

1、我們在使用的使用是讓用戶通過 Javascript 代碼調(diào)用 NodeJS 核心模塊,將參數(shù)和回調(diào)傳入核心模塊。

2、 在NodeJS中我們需要通過 核心模塊將傳入?yún)?shù)和回調(diào)封裝為一個(gè)請求對象。

3、 將這個(gè)請求對象推入到I/O線程池中等待執(zhí)行 J。

4、avascript 發(fā)起的異步調(diào)用結(jié)束,Javascript 線程繼續(xù)執(zhí)行后續(xù)操作 。

執(zhí)行回調(diào):

1、異步任務(wù)完成之后,會將結(jié)果存放在請求對象的 result 屬性上,并發(fā)出操作完成通知 。

2、每次事件循環(huán)時(shí)會檢查 I/O 線程池中是否存在已經(jīng)完成的 I/O 操作,如果有就將請求事件加入到I/O觀察者隊(duì)列當(dāng)中(事件隊(duì)列),之后當(dāng)作事件處理 。

3、處理I/O觀察者事件時(shí),會將之前封裝在請求對象中的回調(diào)函數(shù)取出,并將 result 參數(shù)傳入執(zhí)行,以完成 Javascript 回調(diào)的目的 。

下面我們來看一張流程圖:

異步流程


總結(jié):

以上就是有關(guān)于“JavaScript怎么實(shí)現(xiàn)異步傳輸?“這個(gè)問題的相關(guān)內(nèi)容和實(shí)現(xiàn)異步傳輸?shù)脑?!,感興趣的小伙伴可以參考學(xué)習(xí),當(dāng)然如果你有更好的方法和想法也可以提出來和大家一起分享探討,更多的有關(guān)于JavaScript方面的內(nèi)容我們都可以在W3Cschool中進(jìn)行學(xué)習(xí)和了解。


0 人點(diǎn)贊