Rn開發(fā)中較難理解且應(yīng)用頻繁的地方

1 含義

首先是一個對象 ， 類似于回掉函數(shù)。

所謂Promise，簡單說就是一個容器，里面保存著某個未來才會結(jié)束的事件（通常是一個異步操作）的結(jié)果。從語法上說，Promise 是一個對象，從它可以獲取異步操作的消息。Promise 提供統(tǒng)一的 API，各種異步操作都可以用同樣的方法進(jìn)行處理。

（1）對象的狀態(tài)不受外界影響

（2）一旦狀態(tài)改變，就不會再變，任何時候都可以得到這個結(jié)果。 Pending->fulfilled（已成共） pending->rejected （已失敗）。 只要這兩種情況發(fā)生，狀態(tài)就凝固了，會一直保持這個結(jié)果。這是就會被稱為resolved 如果改變已經(jīng)發(fā)生了，你再對Promise對象添加回調(diào)函數(shù)，也會立即得到這個結(jié)果。這與事件（Event）完全不同，事件的特點是，如果你錯過了它，再去監(jiān)聽，是得不到結(jié)果的。

有了Promise對象，就可以將異步操作以同步操作的流程表達(dá)出來，避免了層層嵌套的回調(diào)函數(shù)。此外，Promise對象提供統(tǒng)一的接口，使得控制異步操作更加容易。

Promise也有一些缺點。首先，無法取消Promise，一旦新建它就會立即執(zhí)行，無法中途取消。其次，如果不設(shè)置回調(diào)函數(shù)，Promise內(nèi)部拋出的錯誤，不會反應(yīng)到外部。

（3），當(dāng)處于pending狀態(tài)時，無法得知目前進(jìn)展到哪一個階段（剛剛開始還是即將完成）。如果某些事件不斷地反復(fù)發(fā)生，一般來說，使用 Stream 模式是比部署Promise更好的選擇。

2 基本用法

ES6 規(guī)定，Promise對象是一個構(gòu)造函數(shù)，用來生成Promise實例。

下面代碼創(chuàng)造了一個Promise實例

var promise= new promise（function（resolve，reject））{

if（異步操作成功）

resovel（value）

}else{

reject（erro）

}

resolve函數(shù)的作用是，將Promise對象的狀態(tài)從“未完成”變?yōu)椤俺晒Α保磸?pending 變?yōu)?resolved），在異步操作成功時調(diào)用，并將異步操作的結(jié)果，作為參數(shù)傳遞出去；reject函數(shù)的作用是，將Promise對象的狀態(tài)從“未完成”變?yōu)椤笆　保磸?pending 變?yōu)?rejected），在異步操作失敗時調(diào)用，并將異步操作報出的錯誤，作為參數(shù)傳遞出去。

Promise實例生成以后，可以用then方法分別指定resolved狀態(tài)和rejected狀態(tài)的回調(diào)函數(shù)。

promise.then(function(value)){

//success

},function(error){

/.erro

}

then方法可以接受兩個回調(diào)函數(shù)作為參數(shù)。第一個回調(diào)函數(shù)是Promise對象的狀態(tài)變?yōu)閞esolved時調(diào)用，第二個回調(diào)函數(shù)是Promise對象的狀態(tài)變?yōu)閞ejected時調(diào)用。其中，第二個函數(shù)是可選的，不一定要提供。這兩個函數(shù)都接受Promise對象傳出的值作為參數(shù)。

3 Promise.prototype.then()

Promise 實例具有then方法，也就是說，then方法是定義在原型對象Promise.prototype上的。它的作用是為 Promise 實例添加狀態(tài)改變時的回調(diào)函數(shù)。前面說過，then方法的第一個參數(shù)是resolved狀態(tài)的回調(diào)函數(shù)，第二個參數(shù)（可選）是rejected狀態(tài)的回調(diào)函數(shù)。

then方法返回的是一個新的Promise實例（注意，不是原來那個Promise實例）。因此可以采用鏈?zhǔn)綄懛?，即then方法后面再調(diào)用另一個then方法。

4Promise.prototype.catch()

Promise.prototype.catch方法是.then(null, rejection)的別名，用于指定發(fā)生錯誤時的回調(diào)函數(shù)。

reject方法的作用，等同于拋出錯誤。

Promise 對象的錯誤具有“冒泡”性質(zhì)，會一直向后傳遞，直到被捕獲為止。也就是說，錯誤總是會被下一個catch語句捕獲。

上面代碼中，一共有三個Promise對象：一個由getJSON產(chǎn)生，兩個由then產(chǎn)生。它們之中任何一個拋出的錯誤，都會被最后一個catch捕獲。

一般來說，不要在then方法里面定義Reject狀態(tài)的回調(diào)函數(shù)（即then的第二個參數(shù)），總是使用catch方法。

5 Promise.all()

Promise.all方法用于將多個 Promise 實例，包裝成一個新的 Promise 實例。

p的狀態(tài)由p1、p2、p3決定，分成兩種情況。

（1）只有p1、p2、p3的狀態(tài)都變成fulfilled，p的狀態(tài)才會變成fulfilled，此時p1、p2、p3的返回值組成一個數(shù)組，傳遞給p的回調(diào)函數(shù)。

（2）只要p1、p2、p3之中有一個被rejected，p的狀態(tài)就變成rejected，此時第一個被reject的實例的返回值，會傳遞給p的回調(diào)函數(shù)。

Promise.race()

Promise.race方法同樣是將多個Promise實例，包裝成一個新的Promise實例

上面代碼中，只要p1、p2、p3之中有一個實例率先改變狀態(tài)，p的狀態(tài)就跟著改變。那個率先改變的 Promise 實例的返回值，就傳遞給p的回調(diào)函數(shù)

Promise.race方法的參數(shù)與Promise.all方法一樣，如果不是 Promise 實例，就會先調(diào)用下面講到的Promise.resolve方法，將參數(shù)轉(zhuǎn)為 Promise 實例，再進(jìn)一步處理。

7 Promise.resolve()

有時需要將現(xiàn)有對象轉(zhuǎn)為Promise對象，Promise.resolve方法就起到這個作用。

應(yīng)用

const preloadImage = function (path) {

return newPromise(function (resolve, reject) {

var image = newImage();

image.onload  = resolve;

image.onerror = reject;

image.src = path;

});

};

var p = new Promise(function(resolve, reject){ resolve(1); }); p.then(function(value){ //第一個then console.log(value); return value*2; }).then(function(value){ //第二個then console.log(value); }).then(function(value){ //第三個then console.log(value); return Promise.resolve('resolve'); }).then(function(value){ //第四個then console.log(value); return Promise.reject('reject'); }).then(function(value){ //第五個then console.log('resolve: '+ value); }, function(err){ console.log('reject: ' + err); })

控制臺輸出：

1

2

undefined

"resolve"

"reject: reject"