js是單線程的,執行起來是順序的。所謂"單線程",就是指一次隻能完成一件任務。如果有多個任務,就必須排隊,前面一個任務完成,再執行後面一個任務,以此類推
優點:實作起來比較簡單,執行環境相對單純
缺點:隻要有一個任務耗時很長,後面的任務都必須排隊等着,會拖延整個程式的執行。常見的浏覽器無響應(假死),往往就是因為某一段javascript代碼長時間運作(比如死循環),導緻整個頁面卡在這個地方,其他任務無法執行
為了解決這個問題,javascript語言将任務的執行模式分成兩種:同步(synchronous)和異步(asynchronous)
"同步模式"就是:後一個任務等待前一個任務結束再執行,程式的執行順序與任務的排列順序是一緻的、同步的;"異步模式"則完全不同,每一個任務有一個或多個回調函數(callback),前一個任務結束後,不是執行後一個任務,而是執行回調函數,後一個任務則是不等前一個任務結束就執行,是以程式的執行順序與任務的排列順序是不一緻的、異步的
"異步模式"非常重要。在浏覽器端,耗時很長的操作都應該異步執行,避免浏覽器失去響應,最好的例子就是ajax操作。在伺服器端,"異步模式"甚至是唯一的模式,因為執行環境是單線程的,如果允許同步執行所有http請求,伺服器性能會急劇下降,很快就會失去響應
異步函數書寫的時候不要用"return"來傳回值哦,必須通過回調函數來傳回值
這是異步程式設計最基本的方法。假定有兩個函數f1和f2,後者等待前者的執行結果
如果f1是一個很耗時的任務,可以考慮改寫f1,把f2寫成f1的回調函數
采用這種方式,我們把同步操作變成了異步操作,f1不會堵塞程式運作,相當于先執行程式的主要邏輯,将耗時的操作推遲執行
異步回調中最常見的形式就是ajax了
采用這種方式,我們把同步操作變成了異步操作,f1不會堵塞程式運作,相當于先執行程式的主要邏輯,将耗時的操作推遲執行。
回調函數的優點是簡單、容易了解和部署,缺點是不利于代碼的閱讀和維護,各個部分之間高度耦合(coupling),流程會很混亂(尤其是回調函數嵌套的情況),而且每個任務隻能指定一個回調函數
另一種思路是采用事件驅動模式。任務的執行不取決于代碼的順序,而取決于某個事件是否發生
通過事件機制,實作代碼的解耦。js處理dom互動就是采用的事件機制,我們這兒隻是實作一些自定義的事件而已。js中已經很好的支援了自定義事件
首先,為f1綁定一個事件(這裡采用的jquery的寫法)
上面這行代碼的意思是,當f1發生done事件,就執行f2。然後,對f1進行改寫:
f1.trigger('done')表示,執行完成後,立即觸發done事件,進而開始執行f2
這種方法的優點是比較容易了解,可以綁定多個事件,每個事件可以指定多個回調函數,而且可以"去耦合"(decoupling),有利于實作子產品化。缺點是整個程式都要變成事件驅動型,運作流程會變得很不清晰
我們假定,存在一個"信号中心",某個任務執行完成就向信号中心"釋出"(publish)一個信号,其他任務可以向信号中心"訂閱"(subscribe)這個信号進而知道什麼時候自己可以開始執行。這就叫做"釋出/訂閱模式"(publish-subscribe pattern),又稱"觀察者模式"(observer pattern)。這個模式有多種實作
首先,f2向"信号中心"jquery訂閱"done"信号
然後,f1進行如下改寫:
jquery.publish("done")的意思是,f1執行完成後,向"信号中心"jquery釋出"done"信号,進而引發f2的執行。此外,f2完成執行後,也可以取消訂閱(unsubscribe)
這種方法的性質與"事件監聽"類似,但是明顯優于後者。因為我們可以通過檢視"消息中心",了解存在多少信号、每個信号有多少訂閱者,進而監控程式的運作
promises對象是commonjs工作組提出的一種規範,目的是為異步程式設計提供統一接口。簡單說,它的思想是,每個異步任務傳回一個promise對象,該對象有一個then方法,允許指定回調函數。比如,f1的回調函數f2,可以寫成:
f1要進行如下改寫
這樣寫的優點在于,回調函數變成了鍊式寫法,程式的流程可以看得很清楚,而且有一整套的配套方法,可以實作許多強大的功能。比如,指定多個回調函數:
再比如,指定發生錯誤時的回調函數:
而且,它還有一個前面三種方法都沒有的好處:如果一個任務已經完成,再添加回調函數,該回調函數會立即執行。是以,你不用擔心是否錯過了某個事件或信号。這種方法的缺點就是編寫和了解,都相對比較難
有了 promise 對象,就可以将異步操作以同步操作的流程表達出來,避免了層層嵌套的回調函數。此外,promise 對象提供統一的接口,使得控制異步操作更加容易。
promise 也有一些缺點。首先,無法取消 promise,一旦建立它就會立即執行,無法中途取消。其次,如果不設定回調函數,promise 内部抛出的錯誤,不會反應到外部。第三,當處于 pending 狀态時,無法得知目前進展到哪一個階段(剛剛開始還是即将完成)
編寫一個流程控制函數,讓它來控制異步任務,一個任務完成以後,再執行另一個
函數series就是串行函數,它會依次執行異步任務,所有任務都完成後,才會執行final函數。items數組儲存每一個異步任務的參數,results數組儲存每一個異步任務的運作結果
所有異步任務同時執行,等到全部完成以後,才執行final函數
并行執行的好處是效率較高,比起串行執行一次隻能執行一個任務,較為節約時間。但是問題在于如果并行的任務較多,很容易耗盡系統資源,拖慢運作速度。是以有了第三種流程控制方式
設定一個門檻,每次最多隻能并行執行n個異步任務。這樣就避免了過分占用系統資源