轉載自：http://www.lht.ren/article/3/
Promise是什么呢穴豫？根據ecma-262的定義：
Promise是一個被用于延時計算的最終結果的占位符
（A Promise is an object that is used as a placeholder for the eventual results of a deferred (and possibly asynchronous) computation.）
這個怎么理解呢
比如說，我要去麥當勞買點吃的舷礼，下單以后人家會先給你一個訂單號蜕便，等人家外賣做好了移斩，會提示你痪欲，并用那個訂單小票來換取你真正的食物劳秋，在這時候仓手，那個訂單小票就是你這頓飯的占位符。
回到Promise玻淑，它有三種狀態(tài)嗽冒，分別為完成，拒絕和待決議补履，
而待決議的狀態(tài)代表它還沒有被完成或者是拒絕添坊，也就是說，如果它一直都是處于待決議的狀態(tài)箫锤，意味著代碼永遠都不會繼續(xù)往下執(zhí)行
所以下面這段代碼永遠都執(zhí)行不到finish
new Promise((resolve, reject)=> {
console.log('waiting');
document.writeln('waiting');
}).then((msg)=> {
console.log('finish');
});
也就是意味著贬蛙，必須顯示的執(zhí)行resolve()或者是reject雨女，程序才會繼續(xù)往下執(zhí)行。
那怎么解決這個問題呢阳准，其實很簡單氛堕，決議一下就好了嘛，哈哈~~
或者給Promise設置一個超時時間野蝇，看下面的代碼：
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);
})
這段代碼呢讼稚，會先等待5秒，然后會打印出一個錯誤"Timeout"绕沈，在這里锐想，Promise.race()實際上就是競態(tài)的，誰先決議七冲，其余的就會被拋棄痛倚。所以咱們三秒鐘后決議一個拒絕，剩下那個promise自動被拋棄了
說到錯誤處理了澜躺，思考下面的代碼：
new Promise((resolve, reject)=> {
foo.bar();
}).then((msg)=> {
console.log(msg);
},null).then((msg)=> {
console.log(msg);
}, (err)=> {
console.log(err);
});
這段代碼蝉稳，很明顯foo不是對象，所以會報ReferenceError掘鄙，所以呢耘戚，會自動決議為reject，然后他緊接著的那個then沒有拒絕處理回調操漠，然后接著往下傳遞錯誤收津，直到有reject回調為止，假如一直都沒有reject回調呢浊伙，他就會在全局拋出一個未捕獲的異常撞秋。
那么如果在Promise決議多次呢，實際上只有第一次決議生效嚣鄙，也就是說吻贿，只能有一種決議生效，又成功又失敗哑子，或者成功多次舅列，失敗多次聽著就不靠譜是吧，思考下面的代碼
new Promise((resolve, reject)=> {
resolve();
reject();
console.log('exec finish');
}).then((msg)=> {
console.log('resolve');
}, (err)=> {
console.log('reject');
});
運行結果是輸出exec finish 和resolve卧蜓，因為第一次決議為resolve, 所以reject決議就被拋棄了
大家想一下帐要，決議后對應的then里面的回調函數是同步還是異步的呢，思考下面這個問題：
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);
他的結果是 1 2 3 5 4
答案很顯然啦弥奸，是異步的榨惠！實際上當決議以后，就會把它放到一個異步隊列里調用
那為什么要這么設計呢，會給我們帶來什么好處呢赠橙，思考下面這個問題
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++;
他的結果輸出的是0? 2伸蚯，那為什么不是0, 1,實際上就是因為由于同步和異步的的不確定性導致的，也叫zalgo简烤，所以呢剂邮，要想消除他們的不確定性，必須就讓他里面的代碼要么都是同步横侦，要么都是異步挥萌，這也是then為什么是異步的原因了
關于then，還有一個問題枉侧，就是then的返回值是什么引瀑，來繼續(xù)看問題
var p = Promise.resolve(21 );
var p2 = p.then(function(v){
return v* 2;
});
console.log(p2);
通過他的結果，你很容易就能看出來榨馁，then的返回值是一個Promise憨栽，那么，這個then回調是不是可以這么理解呢翼虫？
function callback() {
return Promise.resolve(42);
}
如果是的話屑柔，那么咱們就研究一下Promise.resolve()的特性，然后then()同理就可以是吧
那么我們現(xiàn)在就研究一下Promise.resolve()的一些特性：
如果向Promise.resolve()傳遞一個非Promise珍剑，非thenable的立即值掸宛，就會立即得到這個值填充的Promise，這個有三個關鍵字招拙，非Promise唧瘾，非thenable和立即值
如果向Promise.resolve()傳遞一個真正的promise，那么就會返回這個Promise别凤，又一個例子饰序，很好理解
var p = Promise.resolve(42);
var p2 = Promise.resolve(p);
console.log(p === p2);// true
如果向Promise.resolve()傳遞一個非Promise的thenable值，那么就會展開這個值规哪，并且在展開過程會持續(xù)到提取出一個具體的Promise最終值
大家應該會有一點疑惑求豫，thenable是什么，這段話是什么意思
var obj = {
then(resolve, reject) {
resolve(42);
}
};
Promise.resolve(obj).then((msg)=> {
console.log(msg);//42
});
好了由缆，Promise.resolve()特性講完了注祖，then返回值同理
同理完了以后呢猾蒂，就會出現(xiàn)一些比較有意思的用法
首先就是鏈式調用均唉，比如說
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
} );
很簡單吧，就不贅述了肚菠。
還有一個比較有意思舔箭，就是Promise實現(xiàn)同步執(zhí)行，也就是前一個then如果是異步的話，它必須操作完成后层扶，才會執(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);
});
});
這個先過一秒輸出第一句話，再過一秒輸出第二句話
這個的原理實際上剛剛Promise.resolve()的第二條镜会，如果返回的是Promise檬寂，那么會直接返回這個Promise，在這里戳表，直接返回return的這個Promise后桶至，就會等待這個Promise決議，在一秒后決議完匾旭，就執(zhí)行后面的then
最后一個有關then的知識點了：
一個Promise決議后镣屹，這個Promise上所有的通過then()注冊的回調都會在下一個異步時間節(jié)點上依次被立即調用，這些回掉中任意一個都無法影響或者延誤對其他回調的調用
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
這個的重點實際上是這些決議回調都被加入到了一個隊列中价涝，輸出的順序正好實際上就代表了他們加入隊列后的先后順序
好的女蜈，這一章講解完了，如果有什么想和我討論的色瘩，或者有什么意見和建議伪窖，請留言給我（qq:75675231,email:liu75675231@126.com）
參考書籍《你不知道的Javascript中卷》
