javascript異步編程方法是什么

這篇文章將為大家詳細講解有關javascript異步編程方法是什么，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

JavaScript實現異步編程的方法有：易于理解和實現但是代碼不好維護的回調方法，發布/訂閱方法，易于理解并且可綁定多個事件但是工作流程混亂的事件監聽方法，Promises方法

異步模式是非常重要，在瀏覽器端長時間運行的操作應該異步執行，以避免不響應。

大家都知道JavaScript的執行環境是單線程的，單線程就意味著在任何時候都只能運行一個任務。如果遇到多任務的時候就需要在隊列中等待上一任務的完成。因此耗費時間比較多，同步模式就類似于這種單線程模式，異步模式是完全不同的，每一個任務都有一個回調函數，當一個任務完成后，它將執行回調函數，后面的任務可以與前一個任務同時運行。任務的執行順序與隊列中的任務序列不同。

方法一：回調方法

這個方法是異步編程的基本方法，假設有兩個函數f1和f2，后者將等待第一個函數的結果。

F1（）; 
F2（）;

如果f1是長時間運行的操作，則可以重寫f1并將f2作為f1的回調函數。

function f1(callback){
setTimeout(function () {
 callback();
    }, 1000);
}

使用此模式，同步操作就可以轉換為異步操作，f1不會阻止程序執行，它會將先執行主邏輯然后再執行耗時的操作

回調函數的優點是易于理解和實現，缺點是代碼不可讀和可維護，不同的組件高度耦合，工作流非常混亂，每個任務只能有一個回調函數。

方法二：發布/訂閱

此事件可以理解為信號，假設存在信號中心，如果一個任務完成，它將向信號中心發布信號，其他任務可以從訂閱信號中心接收指定信號。這種方法就稱為發布/訂閱模式或者是觀察者模式。

例：f2向信號中心訂閱完成信號

jQuery.subscribe（“done”，f2）;

然后寫f1為

function f1(){
    setTimeout(function () {
     jQuery.publish("done");
    }, 1000);
}

jQuery.publish（“done”）表示當f1完成執行時它將向信號中心發送一個完成信號，然后f2將開始執行。

當f2完成執行時，它可以取消訂閱。

jQuery.unsubscribe（“done”，f2）;

方法三：事件監聽

另一種方法是事件驅動模式，一個任務的執行不依賴于代碼順序，它們等待一個事件發生。在本例中仍然使用f1和f2，首先將一個事件綁定到f1。

f1.on（'done'，f2）;

上述代碼的含義是如果f1完成事件發生，則執行f2。

function f1(){
    setTimeout(function () {
      f1.trigger('done');
    }, 1000);
}

f1.trigger（'done'）表示它將觸發done事件，然后在執行完成時執行f2。

優點是它易于理解并且可以綁定多個事件，每個事件都可以具有許多回調函數，并且它可以解耦哪個有利于模塊化。缺點是整個程序將被事件驅動，工作流程不是很清楚。

方法四：Promises方法

Promises對象是CommonJS提出的標準，目的是為異步編程提供通用接口。每個異步任務都會返回一個Promises對象，這個對象有一個允許設置回調函數的then方法。例如，f1的回調函數f2：

F1（）.then（F2）

f1應寫成：

function f1(){
    var dfd = $.Deferred();
    setTimeout(function () {
        dfd.resolve();
    }, 500);
    return dfd.promise;
}

優點是回調函數是鏈接的，程序的工作流程非常清晰，它有一套完整的鏈接方法，可用于實現強大的功能。

例如，設置多個回調函數：

f1().then(f2).then(f3);

還有一個例子，如果有錯誤：

f1().then(f2).fail(f3);

其他三種方法不具備的一個優點是一旦完成一個任務，如果添加更多的回調函數，它們將立即執行。缺點是它不容易理解。

關于javascript異步編程方法是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。