我們常見的異步操作：

定時器setTimeout

postmessage

WebWorkor

CSS3 動畫

XMLHttpRequest

HTML5的本地數據

等等…

JavaScript要求在與服務器進行交互時要用異步通信，如同AJAX一樣。因為是異步模型，所以在調用Transaction游覽器提供的本地數據接口時候類似AJAX（這里我是假設），瀏覽器自己有內部的XHR方法異步處理，但是此時的JS代碼還是會同步往下執行，其實就是無阻塞的代碼。

問題：因為無阻塞，代碼在發送AJAX這個請求后會繼續執行，那么后續的操作如果依賴這個數據的就會出錯了，所以這里就需要等待AJAX返回，才能執行后續操作。

Deferred

Deferred提供了一個抽象的非阻塞的解決方案（如異步請求的響應），他創建一個promise對象，其目的是在未來某個時間點返回一個響應，簡單來說就是一個異步/同步回調函數的處理方案。

$.Deferred在jQuery代碼內部有四個模塊被使用，分別是promise方法，DOM ready，Ajax模塊，動畫模塊。

Ajax的改造

傳統的jQuery的Ajax操作的傳統寫法（1.5之前）：

$.ajax({

　　url:"",

　　success:function(){alert("success")},

　　error:function(){alert("fail")}

});

$.ajax()接受一個對象參數，這個對象包含兩個方法，success方法，指定操作成功后的回調函數，error方法指定操作失敗后的回調函數。

1.5版本后通過新的Deferred引入

$.ajax("").done(function(){alert("success")}).fail(function(){alert("fail")});

總結

以上是生活随笔為你收集整理的JavaScipt 源码解析 异步的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。