摘要：反之，操作失敗，對(duì)象由狀態(tài)轉(zhuǎn)換為狀態(tài)，此時(shí)回調(diào)函數(shù)會(huì)執(zhí)行方法。這里需要注意的是，雖然在之后便執(zhí)行了方法，但是并不是意味著往后的對(duì)象不執(zhí)行了，其他的還是對(duì)象還是要執(zhí)行的，只是不會(huì)再調(diào)用函數(shù)。

在 掘金上看見一篇寫promise的文章，感覺(jué)作者寫的很棒，文章鏈接在這：八段代碼徹底掌握 Promise ?？赐曛蟾杏X(jué)學(xué)到了很多，所以又重新把JavaScript Promise迷你書（中文版）刷了一遍，以下是我對(duì)于promise的理解。

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

Promise對(duì)象代表一個(gè)異步操作，有三種狀態(tài)：Pending（準(zhǔn)備狀態(tài)），F(xiàn)ulfilled（成功狀態(tài)，也稱為Resolved狀態(tài)），Rejected（失敗狀態(tài)）。只有異步操作的結(jié)果可以決定promise對(duì)象的狀態(tài)，操作成功后，promise對(duì)象由Pending狀態(tài)轉(zhuǎn)換為Fulfilled狀態(tài)，此時(shí)回調(diào)函數(shù)會(huì)執(zhí)行 onFulfilled方法。反之，操作失敗，promise對(duì)象由pending狀態(tài)轉(zhuǎn)換為Rejected狀態(tài)，此時(shí)回調(diào)函數(shù)會(huì)執(zhí)行onRejected方法。
如下圖所示：

創(chuàng)建一個(gè)Promise對(duì)象

var p1 = new Promise(function(resolve,reject){
    resolve("resolve");
});
var p2 = new Promise(function(resolve,reject){
    reject("reject");
});

p1 返回一個(gè)resolved狀態(tài)，值為resolve的Promise對(duì)象

Promise {[[PromiseStatus]]: "resolved", [[PromiseValue]]: "resolve"} 

p2 返回一個(gè)rejected狀態(tài)，值為reject的Promise對(duì)象

Promise {[[PromiseStatus]]: "rejected", [[PromiseValue]]: "reject"}

1.Promise#then

Promise.then(onFulfilled,onRejected)

then方法定義了promise狀態(tài)變?yōu)閞esolved或者rejected狀態(tài)之后的回調(diào)函數(shù):

pending->resolved：執(zhí)行onFulfilled函數(shù)，并且將promise對(duì)象的值傳給onFulfilled函數(shù)

pending->rejected：執(zhí)行onRejected函數(shù)，并且將promise對(duì)象的值傳給onRejected函數(shù)

代碼示例如下：

var p = new Promise(function(resolve, reject){
  console.log("create a promise");
  resolve("success");
});

console.log("after new Promise");

p.then(function onFulfilled(value){
  console.log(value);
},function onRejected(error){
  console.log(error);
});

運(yùn)行結(jié)果如下：

"create a promise"
"after new Promise"
"success"

new Promise返回一個(gè)resolved狀態(tài)的promise對(duì)象，所以在p.then()方法中調(diào)用的是onFulfilled函數(shù)。
創(chuàng)建promise時(shí)，promise對(duì)象中的函數(shù)是立即執(zhí)行的，并不是在調(diào)用then方法的時(shí)候才會(huì)去執(zhí)行，所以首先會(huì)輸出"create a promise"。但是執(zhí)行的代碼是異步代碼，所以"after new Promise"會(huì)在"success"之前輸出。

2.Promise#catch

promise.catch(onRejected);

catch方法捕獲了promise運(yùn)行過(guò)程中的異常。catch與then方法中的onRejected的不同是，onRejected 函數(shù)只能在promise狀態(tài)變?yōu)閞ejected的時(shí)候調(diào)用，但catch既可以在promise狀態(tài)變?yōu)閞ejected的時(shí)候調(diào)用，又可以捕獲第一個(gè)onFulfilled方法中出現(xiàn)的錯(cuò)誤。
可以參考promise迷你書中的這一段代碼：

function throwError(value) {
    // 拋出異常
    throw new Error(value);
}
// <1> onRejected不會(huì)被調(diào)用
function badMain(onRejected) {
    return Promise.resolve(42).then(throwError, onRejected);
}
// <2> 有異常發(fā)生時(shí)onRejected會(huì)被調(diào)用
function goodMain(onRejected) {
    return Promise.resolve(42).then(throwError).catch(onRejected);
}
// 運(yùn)行示例
badMain(function(){
    console.log("BAD");
});
goodMain(function(){
    console.log("GOOD");
});

在這段代碼中，badMain函數(shù)中傳入onRejected參數(shù)，因?yàn)镻romise.resolve(42)返回一個(gè)resolved狀態(tài)的promise對(duì)象（這個(gè)api的用法會(huì)在下一節(jié)中說(shuō)到），所以會(huì)去調(diào)用throwError函數(shù)，throwError函數(shù)中拋出的異常onRejected是捕獲不到的，但是catch可以捕獲到。

3.Promise.resolve

這個(gè)方法會(huì)根據(jù)傳進(jìn)來(lái)的參數(shù)的不同，返回不同的promise對(duì)象。

//1.傳入的參數(shù)是一個(gè)普通值
var p1 = Promise.resolve(1);//返回一個(gè)將該對(duì)象作為值的新promise對(duì)象
//2.傳入的參數(shù)是一個(gè)Promise對(duì)象
var p2 = Promise.resolve(p1);//返回接收到的promise對(duì)象

p1 === p2   //true

在迷你書中介紹了三種情況，除了上面兩種之外，還有一種thenable類型的對(duì)象的時(shí)候，那種這里就不做介紹了，有興趣的朋友可以自己去看看啊~

4.Promise.reject

這個(gè)方法跟Promise.resolve方法一樣，會(huì)根據(jù)傳進(jìn)來(lái)的參數(shù)的不同，返回不同的promise對(duì)象。

//1.傳入的參數(shù)是一個(gè)普通值
var p3 = Promise.reject(1);//返回一個(gè)將該對(duì)象作為值的新promise對(duì)象
//2.傳入的參數(shù)是一個(gè)Promise對(duì)象
var p4 = Promise.reject(p3);//返回一個(gè)新的promise對(duì)象

p3 === p4   //false

跟resolve不同的是，當(dāng)傳入的參數(shù)是一個(gè)Promise對(duì)象的時(shí)候，會(huì)返回一個(gè)rejected狀態(tài)的新promise對(duì)象。

5.Promise.all

Promise.all接收一個(gè) promise對(duì)象的數(shù)組作為參數(shù)，當(dāng)這個(gè)數(shù)組里的所有promise對(duì)象全部變?yōu)閞esolve或reject狀態(tài)的時(shí)候，它才會(huì)去調(diào)用?.then?方法。
示例代碼：

var p1 = Promise.resolve(1),
    p2 = Promise.resolve(2),
    p3 = Promise.resolve(3);
Promise.all([p1, p2, p3]).then(function (results) {
    console.log(results);  // [1, 2, 3]
});

6.Promise.race

Promise.race也是接收一個(gè) promise對(duì)象的數(shù)組作為參數(shù)，參數(shù) promise 數(shù)組中的任何一個(gè)promise對(duì)象如果變?yōu)閞esolve或者reject的話， 該函數(shù)就會(huì)返回，并使用這個(gè)promise對(duì)象的值進(jìn)行resolve或者reject。

var p1 = Promise.resolve(1),
    p2 = Promise.resolve(2),
    p3 = Promise.resolve(3);
Promise.race([p1, p2, p3]).then(function (value) {
    console.log(value);  // 1
});

這里需要注意的是，雖然在p1resolved之后便執(zhí)行了then方法，但是并不是意味著往后的promise對(duì)象不執(zhí)行了，其他的還是promise對(duì)象還是要執(zhí)行的，只是不會(huì)再調(diào)用then函數(shù)。
下面這個(gè)demo便可以看出：

var p1 = new Promise(function(resolve,reject){
  console.log("I am p1!");
  resolve(1);
});
var p2 = new Promise(function(resolve,reject){
  console.log("I am p2!");
  resolve(2);
});
var p3 = new Promise(function(resolve,reject){
  console.log("I am p3!");
  resolve(3);
});
Promise.race([p1, p2, p3]).then(function (value) {
    console.log(value); 
});

運(yùn)行結(jié)果：

I am p1!
I am p2!
I am p3!
1

這是個(gè)很大的demo，，^-^, 涵蓋了很多小知識(shí)點(diǎn)，

var p_1 = new Promise(function(resolve,reject){
  resolve(1);
});
var p_2 = Promise.resolve(1);
var p_3 = Promise.reject(1);
var p_4 = Promise.resolve(p_2);

// 方式1
var p1 = new Promise(function(resolve, reject){
  resolve(Promise.resolve("resolve"));
});

var p2 = new Promise(function(resolve, reject){
  resolve(Promise.reject("reject"));
});

var p3 = new Promise(function(resolve, reject){
  reject(Promise.resolve("resolve"));
});

var p4 = new Promise(function(resolve, reject){
  reject(Promise.reject("reject"));
});
//方式2
var p1 = Promise.resolve(Promise.resolve("resolve"))
var p2 = Promise.resolve(Promise.reject("reject"))
var p3 = Promise.reject(Promise.resolve("resolve"))
var p4 = Promise.reject(Promise.reject("reject"))

//定義回調(diào)函數(shù)
p1.then(
  function fulfilled(value){
    console.log("fulfilled1: " + value);
  }, 
  function rejected(err){
    console.log("rejected1: " + err);
  }
);

p2.then(
  function fulfilled(value){
    console.log("fulfilled2: " + value);
  }, 
  function rejected(err){
    console.log("rejected2: " + err);
  }
);

p3.then(
  function fulfilled(value){
    console.log("fulfilled3: " + value);
  }, 
  function rejected(err){
    console.log("rejected3: " + err);
  }
);

p4.then(
  function fulfilled(value){
    console.log("fulfilled4: " + value);
  }, 
  function rejected(err){
    console.log("rejected4: " + err);
  }
);

采用new Promise 方式創(chuàng)建對(duì)象和采用Promise.resolve方法創(chuàng)建出來(lái)的對(duì)象其實(shí)是一樣的，可以把Promise.resolve看做new Promise 的語(yǔ)法糖。只不過(guò)需要注意的是，在上面介紹resolve方法的時(shí)候說(shuō)過(guò)，如果傳入的參數(shù)是一個(gè)promise對(duì)象，會(huì)直接返回這個(gè)對(duì)象，，所以p_2===p_4輸出的是true,但是通過(guò)new的方式創(chuàng)建出來(lái)的對(duì)象都是新創(chuàng)建的，所以new出來(lái)的對(duì)象跟別的對(duì)象都不會(huì)全等，即p_1===p_2會(huì)輸出false。

兩種方式定義的p1,p2,p3,p4都是相同的，從這段代碼可以看出，不論是用那種方式創(chuàng)建promise對(duì)象，如果使用Promise.resolve方法傳入一個(gè)新對(duì)象，還是會(huì)去‘讀取’（可理解為）這個(gè)對(duì)象的，但是Promise.reject方法傳入一個(gè)新對(duì)象，并不會(huì)去‘讀取’這個(gè)對(duì)象，而會(huì)直接返回這個(gè)這個(gè)對(duì)象。（這個(gè)‘讀取’的概念并不是promise中的概念，只是我的個(gè)人理解，在八段代碼徹底掌握 Promise 這篇文章中，作者把他解釋為‘拆箱’，也是作者的一種讓人理解起來(lái)更簡(jiǎn)單的思路，至于promise官方文檔中的規(guī)定，目前還沒(méi)有去仔細(xì)深入研究，有時(shí)間會(huì)去看一下^-^）

從這段代碼可以看出，兩種方式的執(zhí)行順序會(huì)有差別，至于為什么，今天也查找了很多資料，但是并沒(méi)有找到原因，有研究過(guò)的大神歡迎指導(dǎo)~~