JS語言的執行環境是「單執行緒」為什麼會出現非同步程式設計呢?
單執行緒是指一次只能完成一件任務。如果有多個任務的話就必須排隊,等前面的任務執行完才能執行下一個任務。
兩種任務執行模式:同步與非同步
「非同步模式」:
回呼函數是非同步程式設計最基本的方法。每一個任務有一個或多個回呼函數,前一個任務執行後不是執行後一個任務,而是執行回呼函數,後一個任務則是不等前一個任務結束後就執行,所以程式的執行順序與任務的排列順序是不一致的,非同步的。
非同步程式設計的4種方法:
一、回呼函數
這是非同步程式設計最基本的方法。
假定有兩個函數f1和f2,後者等待前者的執行結果。
如果f1是一個很耗時的任務,可以把f2寫成f1的回呼函數。
function f1(callback){ setTimeout(function(){ //f1的任务代码 callback(); },1000); }
執行程式碼
f1(f2)
採用這種方式的優點是簡單,容易理解和部署,缺點是不利於程式碼的閱讀和維護,各個部分之間高度耦合,流程會很混亂,而且每個任務只能指定一個回調函數。
二、事件監聽
採用事件驅動模式。任務的執行不取決於程式碼的順序,而取決於某個事件是否發生。
首先,為f1綁定一個事件(採用jQuery的寫法)。
f1.on(‘done’,f2); //当f1发生done事件,就执行f2。然后对f1进行改写:
如下:
fuction f1(){ setTimeout(function(){ //f1的任务代码 f1.trigger(‘done’); },1000); }
f1.tigger('done')表示,執行完成後,立即觸發done事件,從而開始執行f2。
這種方法的優點是 :容易理解 ,可以綁定多個事件,每個事件可以指定多個回調函數,而且可以去耦合,有利於實現模組化。
缺點:整個程式都要變成事件驅動型,運作流程會變得很不清晰。
相關推薦:
javascript非同步程式設計之回呼函數與管理器用法實例詳解
以上是JS非同步程式設計實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!