首頁  >  文章  >  web前端  >  JS非同步程式設計實例詳解

JS非同步程式設計實例詳解

小云云
小云云原創
2018-02-28 11:31:141457瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn