資訊專欄INFORMATION COLUMN
摘要：從今天開始研究一下的異步相關(guān)內(nèi)容，感興趣的請關(guān)注同期異步系列文章推薦異步中的回調(diào)異步與異步之異步之異步之和異步之一異步之二異步實戰(zhàn)異步總結(jié)歸檔什么是異步我們知道的單線程的，這與它的用途有關(guān)。
從今天開始研究一下javascript的異步相關(guān)內(nèi)容，感興趣的請關(guān)注
同期異步系列文章推薦
javascript異步中的回調(diào)
javascript異步與promise
javascript異步之Promise.all()、Promise.race()、Promise.finally()
javascript異步之Promise.resolve()、Promise.reject()
javascript異步之Promise then和catch
javascript異步之a(chǎn)sync（一）
javascript異步之a(chǎn)sync（二）
javascript異步實戰(zhàn)
javascript異步總結(jié)歸檔
我們知道JavaScript的單線程的，這與它的用途有關(guān)。作為瀏覽器腳本語言，JavaScript的主要用途是與用戶互動，以及操作DOM。這決定了它只能是單線程，否則會帶來很復(fù)雜的同步問題。比如，假定JavaScript同時有兩個線程，一個線程在某個DOM節(jié)點上添加內(nèi)容，另一個線程刪除了這個節(jié)點，這時瀏覽器應(yīng)該以哪個線程為準(zhǔn)？
所謂"單線程"，就是指一次只能完成一件任務(wù)。如果有多個任務(wù)，就必須排隊，前面一個任務(wù)完成，再執(zhí)行后面一個任務(wù)，以此類推。
這種模式的好處是實現(xiàn)起來比較簡單，執(zhí)行環(huán)境相對單純；壞處是只要有一個任務(wù)耗時很長，后面的任務(wù)都必須排隊等著，會拖延整個程序的執(zhí)行。常見的瀏覽器無響應(yīng)（假死），往往就是因為某一段Javascript代碼長時間運行（比如死循環(huán)），導(dǎo)致整個頁面卡在這個地方，其他任務(wù)無法執(zhí)行。
ajax的同步請求就會導(dǎo)致瀏覽器產(chǎn)生假死，因為它會鎖定瀏覽器的UI（按鈕，菜單，滾動條等），并阻塞所有用戶的交互，jquery中的ajax有這樣一個同步請求的功能，一定要慎用，尤其是在請求的數(shù)據(jù)量很大的時候，要避免使用同步請求。
舉幾個栗子
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/100876.html
摘要：問題是處理完了，卻也引發(fā)了自己的一些思考處理的異步操作，都有一些什么方法呢一回調(diào)函數(shù)傳說中的就是來自回調(diào)函數(shù)。而回調(diào)函數(shù)也是最基礎(chǔ)最常用的處理異步操作的辦法。 引言 js的異步操作，已經(jīng)是一個老生常談的話題，關(guān)于這個話題的文章隨便google一下都可以看到一大堆。那么為什么我還要寫這篇東西呢？在最近的工作中，為了編寫一套相對比較復(fù)雜的插件，需要處理各種各樣的異步操作。但是為了體積和兼容...
摘要：還記得剛開始學(xué)習(xí)的時候，內(nèi)存管理前端掘金作為一門高級語言，并不像低級語言那樣擁有對內(nèi)存的完全掌控。第三方庫的行代碼內(nèi)實現(xiàn)一個前端掘金前言本文會教你如何在行代碼內(nèi)，不依賴任何第三方的庫，用純實現(xiàn)一個。 (譯) 如何使用 JavaScript 構(gòu)建響應(yīng)式引擎 —— Part 1：可觀察的對象 - 掘金原文地址：How to build a reactive engine in JavaSc...
摘要：還記得剛開始學(xué)習(xí)的時候，內(nèi)存管理前端掘金作為一門高級語言，并不像低級語言那樣擁有對內(nèi)存的完全掌控。第三方庫的行代碼內(nèi)實現(xiàn)一個前端掘金前言本文會教你如何在行代碼內(nèi)，不依賴任何第三方的庫，用純實現(xiàn)一個。 (譯) 如何使用 JavaScript 構(gòu)建響應(yīng)式引擎 —— Part 1：可觀察的對象 - 掘金原文地址：How to build a reactive engine in JavaSc...
摘要：是什么官方文檔說道是一個專為應(yīng)用程序開發(fā)的狀態(tài)管理模式。觸發(fā)之別名篇觸發(fā)之對象展開運算符篇觸發(fā)之對象展開運算符別名篇先引用官方文檔的說法類似于，不同在于提交的是，而不是直接變更狀態(tài)。 Vuex是什么 官方文檔說道：Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài)，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化 什么是狀態(tài)管理模式...
摘要：從今天起我們開始討論的面向?qū)ο竺嫦驅(qū)ο蟾拍罾斫饷嫦驅(qū)ο笳Z言有個標(biāo)志它們都具有類的概念，通過類可以創(chuàng)建任意多個具有相同屬性和方法的對象。 從今天起我們開始討論javascript的面向?qū)ο?面向?qū)ο蟾拍罾斫?面向?qū)ο笳Z言有個標(biāo)志=>它們都具有類的概念，通過類可以創(chuàng)建任意多個具有相同屬性和方法的對象。面向?qū)ο笥腥筇匦? 封裝 繼承 多態(tài) 但JS中對象與純面向?qū)ο笳Z言中的對象是不同的 J...
閱讀 3745·2021-10-15 09:42
閱讀 2607·2021-09-03 10:50
閱讀 1654·2021-09-03 10:28
閱讀 1797·2019-08-30 15:54
閱讀 2520·2019-08-30 12:46
閱讀 415·2019-08-30 11:06
閱讀 2829·2019-08-30 10:54
閱讀 531·2019-08-29 12:59
