我們常見的異步操作：

定時(shí)器setTimeout

postmessage

WebWorkor

CSS3 動畫

XMLHttpRequest

HTML5的本地?cái)?shù)據(jù)

等等…

JavaScript要求在與服務(wù)器進(jìn)行交互時(shí)要用異步通信，如同AJAX一樣。因?yàn)槭钱惒侥Ｐ停栽谡{(diào)用Transaction游覽器提供的本地?cái)?shù)據(jù)接口時(shí)候類似AJAX（這里我是假設(shè)），瀏覽器自己有內(nèi)部的XHR方法異步處理，但是此時(shí)的JS代碼還是會同步往下執(zhí)行，其實(shí)就是無阻塞的代碼。

問題：因?yàn)闊o阻塞，代碼在發(fā)送AJAX這個(gè)請求后會繼續(xù)執(zhí)行，那么后續(xù)的操作如果依賴這個(gè)數(shù)據(jù)的就會出錯(cuò)了，所以這里就需要等待AJAX返回，才能執(zhí)行后續(xù)操作。

Deferred

Deferred提供了一個(gè)抽象的非阻塞的解決方案（如異步請求的響應(yīng)），他創(chuàng)建一個(gè)promise對象，其目的是在未來某個(gè)時(shí)間點(diǎn)返回一個(gè)響應(yīng)，簡單來說就是一個(gè)異步/同步回調(diào)函數(shù)的處理方案。

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

Ajax的改造

傳統(tǒng)的jQuery的Ajax操作的傳統(tǒng)寫法（1.5之前）：

$.ajax({

　　url:"",

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

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

});

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

1.5版本后通過新的Deferred引入

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。