最近工作輕松了點(diǎn)，想起了以前總是看到的一個(gè)單詞promise，于是耐心下來學(xué)習(xí)了一下。

一：Promise是什么？為什么會(huì)有這個(gè)東西？

首先說明，Promise是為了解決javascript異步編程時(shí)候代碼書寫的方式產(chǎn)生的。
隨著javascript的發(fā)展，異步的場景越來越多。前端有AJAX，setTimeout等，后端Node異步更多。按照傳統(tǒng)的做法，那么就是各種回調(diào)嵌回調(diào)。代碼可以把人繞暈。
這個(gè)時(shí)候，CommonJS社區(qū)提出了一個(gè)叫做Promise/A+的規(guī)范，這個(gè)規(guī)范定義了如何書寫異步代碼，包括使用when/then/resolve等來組織異步的代碼。
這個(gè)規(guī)范由于很優(yōu)雅，所以相繼就有很多人實(shí)現(xiàn)了這個(gè)規(guī)范，其中包括 瀏覽器原生支持的Promise()， jQuery里面的deferred，when.js等。
因?yàn)檫@幾個(gè)庫都符合該規(guī)范，所以學(xué)習(xí)一個(gè)也就可以了。我主要學(xué)習(xí)了jQuery的deferred，所以本文主要講講這個(gè)實(shí)現(xiàn)。
 
二：jQuery的deferred

首先，關(guān)于deferred對象，阮一峰老師有篇文章寫的很詳細(xì)了，地址點(diǎn)這。建議可以先看看他的那篇文章，再繼續(xù)往下看。
上面說過，promise是為了解決異步（比如ajax）的，那么我們來對比下他們的區(qū)別。
經(jīng)典的jQuery的AJAX的寫法是

其中success和error參數(shù)便是成功/失敗時(shí)候的回調(diào)函數(shù)。 

而現(xiàn)在jQuery的AJAX寫法成了

其中成功后會(huì)調(diào)用done里面的函數(shù)，失敗便會(huì)調(diào)用fail里面的函數(shù)。 

看到這里也許你就會(huì)有疑問了，done/fail這些方法是哪個(gè)對象上的？$.ajax()返回了什么對象，為什么有這兩個(gè)方法？
答案就在下面介紹的Deferred對象。

jQuery提供了一種新的類型Deferred。通過$.Deferred()來生成。例如

這個(gè)def繼承了很多方法，有done/fail/resolve/reject等。
所以這里我們也就知道，上面$.ajax()其實(shí)返回的也就是這個(gè)對象。
 
deferred對象有很多方法，這里介紹幾種常用的，更多的可以參考 API
 
首先自然是生成一個(gè)def對象。這里有很多方法，比如：

這里，$.when()可以單獨(dú)講講，這個(gè)方法通常接收一個(gè)或多個(gè)deferred對象，然后根據(jù)這些deferred對象的狀態(tài)情況，來決定$.when()返回的對象的狀態(tài)。其中有個(gè)使用場景就是多個(gè)ajax請求，如果其中一個(gè)失敗就都算失敗，那么便可以在$.when()中傳入多個(gè)ajax方法，例如$.when($.ajax(), $.ajax())。然后$.when會(huì)返回一個(gè)def對象（根據(jù)這兩個(gè)請求結(jié)果的來判斷）。
 
接著得到了def對象，便有了一系列改變這個(gè)對象狀態(tài)的方法

緊接著是設(shè)置回調(diào)的方法，順序和上面的對應(yīng)，也就是什么狀態(tài)會(huì)調(diào)用到什么回調(diào)

其實(shí)到這里位置，deferred對象的用法也就差不多了。不過jQuery還提供了幾個(gè)API

這幾個(gè)api顧名思義，就不具體講了，具體可以查看上面給的jQuery API文檔。
 
還有一個(gè)方法，就是有時(shí)候我們希望給外部一個(gè)def對象，然后這個(gè)對象可以設(shè)置各種狀態(tài)的回調(diào)，但是不能改變它的狀態(tài)，那么就可以用

返回一個(gè)promiese對象，是deferred對象的子集，可以用done/fail等方法，沒有resolve/reject等方法，主要是為了保護(hù)不讓外部去修改def對象的狀態(tài)。 

至此，關(guān)于promise已經(jīng)全部講完，大家現(xiàn)在就可以把它用在自己的項(xiàng)目中了，另外提早給大家拜個(gè)早年，祝大家羊年洋洋得意^ ^。

最新評論