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