JavaScript編程開發之js異步編程教程

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。
這種方法的優點是 :容易理解 ,可以綁定多個事件,每個事件可以指定多個回調函數,而且可以去耦合,有利於實現模塊化。
缺點:整個程序都要變成事件驅動型,運行流程會變得很不清晰。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *