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

相關推薦：

Javascript非同步程式設計的4種方法介紹

javascript非同步程式設計之回呼函數與管理器用法實例詳解

Javascript非同步程式設計的方法介紹

以上是JS非同步程式設計實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！