正如前面提到的，Promise.prototype.then方法返回的是一個(gè)新的Promise對(duì)象，因此可以采用鏈?zhǔn)綄?xiě)法。

getJSON("/visa.json").then(function(json) {
  return json.name;
}).then(function(name) {
  // proceed
});

上面的代碼使用then方法，依次指定了兩個(gè)回調(diào)函數(shù)。第一個(gè)回調(diào)函數(shù)完成以后，會(huì)將返回結(jié)果作為參數(shù)，傳入第二個(gè)回調(diào)函數(shù)。

如果前一個(gè)回調(diào)函數(shù)返回的是Promise對(duì)象，這時(shí)后一個(gè)回調(diào)函數(shù)就會(huì)等待該P(yáng)romise對(duì)象有了運(yùn)行結(jié)果，才會(huì)進(jìn)一步調(diào)用。

getJSON("/visa/get.json").then(function(post) {
  return getJSON(post.jobURL);
}).then(function(jobs) {
  // 對(duì)jobs進(jìn)行處理
});

這種設(shè)計(jì)使得嵌套的異步操作，可以被很容易得改寫(xiě)，從回調(diào)函數(shù)的“橫向發(fā)展”改為“向下發(fā)展”。

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

getJSON("/visa.json").then(function(result) {
  // some code
}).catch(function(error) {
  // 處理前一個(gè)回調(diào)函數(shù)運(yùn)行時(shí)發(fā)生的錯(cuò)誤
  console.log("出錯(cuò)啦！", error);
});

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

getJSON("/visa.json").then(function(json) {
  return json.name;
}).then(function(name) {
  // proceed
}).catch(function(error) {
    //處理前面任一個(gè)then函數(shù)拋出的錯(cuò)誤
});

Promise.all方法用于將多個(gè)Promise實(shí)例，包裝成一個(gè)新的Promise實(shí)例。

var p = Promise.all([p1,p2,p3]);

上面代碼中，Promise.all方法接受一個(gè)數(shù)組作為參數(shù)，p1、p2、p3都是Promise對(duì)象的實(shí)例。（Promise.all方法的參數(shù)不一定是數(shù)組，但是必須具有iterator接口，且返回的每個(gè)成員都是Promise實(shí)例。）

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

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

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

下面是一個(gè)具體的例子。

// 生成一個(gè)Promise對(duì)象的數(shù)組
var promises = [2, 3, 5, 7, 11, 13].map(function(id){
  return getJSON("/get/addr" + id + ".json");
});

Promise.all(promises).then(function(posts) {
  // ...  
}).catch(function(reason){
  // ...
});

Promise.race方法同樣是將多個(gè)Promise實(shí)例，包裝成一個(gè)新的Promise實(shí)例。

var p = Promise.race([p1,p2,p3]);

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

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

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

var jsPromise = Promise.resolve($.ajax("/whatever.json"));

上面代碼將jQuery生成deferred對(duì)象，轉(zhuǎn)為一個(gè)新的ES6的Promise對(duì)象。

如果Promise.resolve方法的參數(shù)，不是具有then方法的對(duì)象（又稱thenable對(duì)象），則返回一個(gè)新的Promise對(duì)象，且它的狀態(tài)為fulfilled。

var p = Promise.resolve("Hello");

p.then(function (s){
  console.log(s)
});
// Hello

上面代碼生成一個(gè)新的Promise對(duì)象的實(shí)例p，它的狀態(tài)為fulfilled，所以回調(diào)函數(shù)會(huì)立即執(zhí)行，Promise.resolve方法的參數(shù)就是回調(diào)函數(shù)的參數(shù)。

如果Promise.resolve方法的參數(shù)是一個(gè)Promise對(duì)象的實(shí)例，則會(huì)被原封不動(dòng)地返回。

Promise.reject(reason)方法也會(huì)返回一個(gè)新的Promise實(shí)例，該實(shí)例的狀態(tài)為rejected。Promise.reject方法的參數(shù)reason，會(huì)被傳遞給實(shí)例的回調(diào)函數(shù)。

var p = Promise.reject("出錯(cuò)啦");

p.then(null, function (error){
  console.log(error)
});
// 出錯(cuò)了

上面代碼生成一個(gè)Promise對(duì)象的實(shí)例p，狀態(tài)為rejected，回調(diào)函數(shù)會(huì)立即執(zhí)行。

async函數(shù)是es7提案出來(lái)的語(yǔ)法，并不屬于es6，但是已經(jīng)有一些平臺(tái)和編輯器支持這種函數(shù)了，所以這里也做一下了解。

async函數(shù)是用來(lái)取代回調(diào)函數(shù)的另一種方法。

只要函數(shù)名之前加上async關(guān)鍵字，就表明該函數(shù)內(nèi)部有異步操作。該異步操作應(yīng)該返回一個(gè)Promise對(duì)象，前面用await關(guān)鍵字注明。當(dāng)函數(shù)執(zhí)行的時(shí)候，一旦遇到await就會(huì)先返回，等到觸發(fā)的異步操作完成，再接著執(zhí)行函數(shù)體內(nèi)后面的語(yǔ)句。

async function getStockPrice(symbol, currency) {
    let price = await getStockPrice(symbol);
    return convert(price, currency);
}

上面代碼是一個(gè)獲取股票報(bào)價(jià)的函數(shù)，函數(shù)前面的async關(guān)鍵字，表明該函數(shù)將返回一個(gè)Promise對(duì)象。調(diào)用該函數(shù)時(shí)，當(dāng)遇到await關(guān)鍵字，立即返回它后面的表達(dá)式（getStockPrice函數(shù)）產(chǎn)生的Promise對(duì)象，不再執(zhí)行函數(shù)體內(nèi)后面的語(yǔ)句。等到getStockPrice完成，再自動(dòng)回到函數(shù)體內(nèi)，執(zhí)行剩下的語(yǔ)句。

下面是一個(gè)更一般性的例子。

function timeout(ms) {
  return new Promise((resolve) => {
    setTimeout(resolve, ms);
  });
}

async function asyncValue(value) {
  await timeout(50);
  return value;
}

上面代碼中，asyncValue函數(shù)前面有async關(guān)鍵字，表明函數(shù)體內(nèi)有異步操作。執(zhí)行的時(shí)候，遇到await語(yǔ)句就會(huì)先返回，等到timeout函數(shù)執(zhí)行完畢，再返回value。

個(gè)人覺(jué)得async函數(shù)將異步發(fā)揮到了極致，代碼看上去更加簡(jiǎn)潔，更加舒服了，而且其流程也很好理解。

promise作為異步操作的規(guī)則，確實(shí)給開(kāi)發(fā)帶來(lái)了不少便利，至少不用像回調(diào)那樣，出現(xiàn)函數(shù)里面套函數(shù)這種無(wú)限的嵌套的情況，promise讓你的代碼變得更加的優(yōu)雅了。當(dāng)然如果之后async函數(shù)變得更加普及，那么就更好了。

下面來(lái)看看下面這道題目，大家可以思考下結(jié)果是多少？

console.log(1);
new Promise(function (resolve, reject){
    reject(true);
    window.setTimeout(function (){
        resolve(false);
    }, 0);
}).then(function(){
    console.log(2);
}, function(){
    console.log(3);
});
console.log(4);

答案我就不貼出來(lái)了，給大家思考的空間，實(shí)在不知道結(jié)果的也可以直接復(fù)制這段代碼到瀏覽器控制臺(tái)執(zhí)行下，也能很快的出結(jié)果。

很好奇promise內(nèi)部的實(shí)現(xiàn)機(jī)理，接下來(lái)我會(huì)深入研究下promise實(shí)現(xiàn)原理，有成果了給大家分享哦~