App下載

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

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

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


一、瀏覽器

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

定時器:

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

Ajax:

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


二、Node JS 端

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

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

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

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

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

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

執(zhí)行回調:

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

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

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

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

異步流程


總結:

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


0 人點贊