JavaScript實現異步傳輸的原理!

猿友 2021-07-02 15:16:49 瀏覽數 (3182)

反饋

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

一、瀏覽器

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

定時器：

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

Ajax：

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

二、Node JS 端

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

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

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

2、在NodeJS中我們需要通過核心模塊將傳入參數和回調封裝為一個請求對象。

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

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

執(zhí)行回調：

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

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

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

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

異步流程