轉(zhuǎn)載自：http://www.lht.ren/article/3/
Promise是什么呢？根據(jù)ecma-262的定義：

Promise是一個(gè)被用于延時(shí)計(jì)算的最終結(jié)果的占位符

（A Promise is an object that is used as a placeholder for the eventual results of a deferred (and possibly asynchronous) computation.）

這個(gè)怎么理解呢

比如說(shuō)，我要去麥當(dāng)勞買點(diǎn)吃的，下單以后人家會(huì)先給你一個(gè)訂單號(hào)，等人家外賣做好了，會(huì)提示你，并用那個(gè)訂單小票來(lái)?yè)Q取你真正的食物，在這時(shí)候，那個(gè)訂單小票就是你這頓飯的占位符。

回到Promise，它有三種狀態(tài)，分別為完成，拒絕和待決議，

而待決議的狀態(tài)代表它還沒有被完成或者是拒絕，也就是說(shuō)，如果它一直都是處于待決議的狀態(tài)，意味著代碼永遠(yuǎn)都不會(huì)繼續(xù)往下執(zhí)行

所以下面這段代碼永遠(yuǎn)都執(zhí)行不到finish

new Promise((resolve, reject)=> {

console.log('waiting');

document.writeln('waiting');

}).then((msg)=> {

console.log('finish');

});

也就是意味著，必須顯示的執(zhí)行resolve()或者是reject，程序才會(huì)繼續(xù)往下執(zhí)行。

那怎么解決這個(gè)問題呢，其實(shí)很簡(jiǎn)單，決議一下就好了嘛，哈哈~~

或者給Promise設(shè)置一個(gè)超時(shí)時(shí)間，看下面的代碼：

function timeoutPromise(delay) {

return new Promise(function(resolve,reject){

setTimeout(function(){

reject("Timeout!" );

}, delay );

} );

}

Promise.race([

new Promise(()=> {

console.log('waiting...');

}),

timeoutPromise(3000)

]).catch((msg)=> {

console.log(msg);

})

這段代碼呢，會(huì)先等待5秒，然后會(huì)打印出一個(gè)錯(cuò)誤"Timeout"，在這里，Promise.race()實(shí)際上就是競(jìng)態(tài)的，誰(shuí)先決議，其余的就會(huì)被拋棄。所以咱們?nèi)腌姾鬀Q議一個(gè)拒絕，剩下那個(gè)promise自動(dòng)被拋棄了

說(shuō)到錯(cuò)誤處理了，思考下面的代碼：

new Promise((resolve, reject)=> {

foo.bar();

}).then((msg)=> {

console.log(msg);

},null).then((msg)=> {

console.log(msg);

}, (err)=> {

console.log(err);

});

這段代碼，很明顯foo不是對(duì)象，所以會(huì)報(bào)ReferenceError，所以呢，會(huì)自動(dòng)決議為reject，然后他緊接著的那個(gè)then沒有拒絕處理回調(diào)，然后接著往下傳遞錯(cuò)誤，直到有reject回調(diào)為止，假如一直都沒有reject回調(diào)呢，他就會(huì)在全局拋出一個(gè)未捕獲的異常。

那么如果在Promise決議多次呢，實(shí)際上只有第一次決議生效，也就是說(shuō)，只能有一種決議生效，又成功又失敗，或者成功多次，失敗多次聽著就不靠譜是吧，思考下面的代碼

new Promise((resolve, reject)=> {

resolve();

reject();

console.log('exec finish');

}).then((msg)=> {

console.log('resolve');

}, (err)=> {

console.log('reject');

});

運(yùn)行結(jié)果是輸出exec finish 和resolve，因?yàn)榈谝淮螞Q議為resolve, 所以reject決議就被拋棄了

大家想一下，決議后對(duì)應(yīng)的then里面的回調(diào)函數(shù)是同步還是異步的呢，思考下面這個(gè)問題：

console.log(0);

let p = new Promise((resolve, reject)=> {

console.log(1);

resolve();

console.log(2);

})

console.log(3);

p.then((msg)=> {

console.log(4);

});

console.log(5);

他的結(jié)果是 1 2 3 5 4

答案很顯然啦，是異步的！實(shí)際上當(dāng)決議以后，就會(huì)把它放到一個(gè)異步隊(duì)列里調(diào)用

那為什么要這么設(shè)計(jì)呢，會(huì)給我們帶來(lái)什么好處呢，思考下面這個(gè)問題

function getResult() {

console.log(a);

}

function opt() {

if (isAsync) {

setTimeout(()=> {

getResult();

},0);

}else {

getResult();

}

}

var a = 0;

var isAsync = false;

opt();

a++;

isAsync = true;

opt();

a++;

他的結(jié)果輸出的是0? 2，那為什么不是0, 1,實(shí)際上就是因?yàn)橛捎谕胶彤惒降牡牟淮_定性導(dǎo)致的，也叫zalgo，所以呢，要想消除他們的不確定性，必須就讓他里面的代碼要么都是同步，要么都是異步，這也是then為什么是異步的原因了

關(guān)于then，還有一個(gè)問題，就是then的返回值是什么，來(lái)繼續(xù)看問題

var p = Promise.resolve(21 );

var p2 = p.then(function(v){

return v* 2;

});

console.log(p2);

通過(guò)他的結(jié)果，你很容易就能看出來(lái)，then的返回值是一個(gè)Promise，那么，這個(gè)then回調(diào)是不是可以這么理解呢？

function callback() {

return Promise.resolve(42);

}

如果是的話，那么咱們就研究一下Promise.resolve()的特性，然后then()同理就可以是吧

那么我們現(xiàn)在就研究一下Promise.resolve()的一些特性：

如果向Promise.resolve()傳遞一個(gè)非Promise，非thenable的立即值，就會(huì)立即得到這個(gè)值填充的Promise，這個(gè)有三個(gè)關(guān)鍵字，非Promise，非thenable和立即值

如果向Promise.resolve()傳遞一個(gè)真正的promise，那么就會(huì)返回這個(gè)Promise，又一個(gè)例子，很好理解

var p = Promise.resolve(42);

var p2 = Promise.resolve(p);

console.log(p === p2);// true

如果向Promise.resolve()傳遞一個(gè)非Promise的thenable值，那么就會(huì)展開這個(gè)值，并且在展開過(guò)程會(huì)持續(xù)到提取出一個(gè)具體的Promise最終值

大家應(yīng)該會(huì)有一點(diǎn)疑惑，thenable是什么，這段話是什么意思

var obj = {

then(resolve, reject) {

resolve(42);

}

};

Promise.resolve(obj).then((msg)=> {

console.log(msg);//42

});

好了，Promise.resolve()特性講完了，then返回值同理

同理完了以后呢，就會(huì)出現(xiàn)一些比較有意思的用法

首先就是鏈?zhǔn)秸{(diào)用，比如說(shuō)

var p = Promise.resolve(21 );

var p2 = p.then(function(v){

console.log( v );// 21

?// 用值42填充p2

?return v* 2;

} );

// 連接p2

p2.then(function(v){

console.log( v );// 42

} );

很簡(jiǎn)單吧，就不贅述了。

還有一個(gè)比較有意思，就是Promise實(shí)現(xiàn)同步執(zhí)行，也就是前一個(gè)then如果是異步的話，它必須操作完成后，才會(huì)執(zhí)行后面的then，常見的寫法是這樣的

new Promise((resolve, reject)=> {

setTimeout(()=> {

console.log('exec in promise it');

resolve();

},1000);

}).then(()=> {

return new Promise((resolve, reject)=> {

setTimeout(()=> {

console.log('exec in then it');

resolve();

},1000);

});

});

這個(gè)先過(guò)一秒輸出第一句話，再過(guò)一秒輸出第二句話

這個(gè)的原理實(shí)際上剛剛Promise.resolve()的第二條，如果返回的是Promise，那么會(huì)直接返回這個(gè)Promise，在這里，直接返回return的這個(gè)Promise后，就會(huì)等待這個(gè)Promise決議，在一秒后決議完，就執(zhí)行后面的then

最后一個(gè)有關(guān)then的知識(shí)點(diǎn)了：

一個(gè)Promise決議后，這個(gè)Promise上所有的通過(guò)then()注冊(cè)的回調(diào)都會(huì)在下一個(gè)異步時(shí)間節(jié)點(diǎn)上依次被立即調(diào)用，這些回掉中任意一個(gè)都無(wú)法影響或者延誤對(duì)其他回調(diào)的調(diào)用

var p = new Promise((resolve, reject)=> {

resolve();

});

p.then(function(){

p.then(function(){

console.log("C" );

} );

console.log("A" );

} );

p.then(function(){

console.log("B" );

} );

// a b c

這個(gè)的重點(diǎn)實(shí)際上是這些決議回調(diào)都被加入到了一個(gè)隊(duì)列中，輸出的順序正好實(shí)際上就代表了他們加入隊(duì)列后的先后順序

好的，這一章講解完了，如果有什么想和我討論的，或者有什么意見和建議，請(qǐng)留言給我（qq:75675231,email:liu75675231@126.com）

參考書籍《你不知道的Javascript中卷》