ES6的發(fā)布拔鹰，為我們帶來了Promise，解決了以往js開發(fā)中遇到了回調(diào)黑洞的問題遗菠，讓return 與throw等特權重新回到我們的手中；
Promise對象的使用很簡單华蜒，提供了很多統(tǒng)一的API舷蒲，屬性以及方法的識別度很高；
本文是自己學習Promise的一些總結和坑友多，分享一下，主要參考MDN堤框；
MDN
Promise 對象是一個代理對象（代理一個值）域滥，被代理的值在Promise對象創(chuàng)建時可能是未知的纵柿；
它允許你為異步代碼執(zhí)行結果的成功和失敗分別綁定相應的處理方法（handlers ）。
這讓異步方法可以像同步方法那樣返回值启绰，但是并非立即返回執(zhí)行的結果昂儒，因為畢竟執(zhí)行的是異步代碼；
因此委可，它會返回一個Promise對象渊跋，如前所說，它是一個代理的對象着倾，代理了最終返回的值拾酝，可以在后期使用
初始化Promise践叠，構造函數(shù)的參數(shù)：
var promise = new Promise(executor );
executor是一個可執(zhí)行函數(shù)柬焕，包含兩個參數(shù)床玻，resolve與reject鳖谈，executor函數(shù)會在Promise對象初始化執(zhí)行穿铆，并返回一個promise實力對象逻炊，resolve句柄用于解決異步結果正確時候處理promise键闺，而reject句柄用于解決異步結果出錯時處理promise汗捡；啟動異步處理之后恒傻，成功的則交給resolve脸侥，失敗拋錯則會交給reject處理；
在異步處理的過程中盈厘，promise一共會有三種狀態(tài)：
- pending: 初始狀態(tài)睁枕，未履行或拒絕。
- fulfilled: 意味著操作成功完成扑庞。
- rejected: 意味著操作失敗譬重。
我們通過初始化返回的promise實例對象的then方法添加之后的異步操作，通過executor中的業(yè)務邏輯罐氨，如果是resolve會進入成功回調(diào)臀规，reject會進入失敗回調(diào)；
var promise = new Promise(function(resolve, reject) {
//業(yè)務邏輯
resolve("success");
});
promise.then(function(result) {
console.log(result);
return result;
}).then(function() {
console.log("resolve");
});
初始化promise對象之后栅隐，resolve或reject操作塔嬉，then接口中的函數(shù)會接收到結果，then方法可以接受兩個回調(diào)函數(shù)作為參數(shù)租悄。第一個回調(diào)函數(shù)是Promise對象的狀態(tài)變?yōu)镽esolved時調(diào)用谨究，第二個回調(diào)函數(shù)是Promise對象的狀態(tài)變?yōu)镽eject時調(diào)用。其中泣棋，第二個函數(shù)是可選的胶哲，不一定要提供。這兩個函數(shù)都接受Promise對象傳出的值作為參數(shù)潭辈。
當異步操作失敗之后鸯屿，會進入失敗回調(diào)：
new Promise(function(resolve, reject) {
reject(new Error("ddd"));
}).then(function(v) {
console.log(v)//不會被調(diào)用
}, function(e) {
console.log(e)
});
var promise = new Promise(function(resolve, reject) {
//異步操作業(yè)務邏輯
resolve("result");
//reject(error);
});
promise.then(function(value) {
// success
}, function(error) {
// failure
});
當然也可以不用這方式進入捕捉失敗異常澈吨，可以使用catch方式，promise.prototype.catch
添加一個否定(rejection) 回調(diào)到當前 promise, 返回一個新的promise寄摆。如果這個回調(diào)被調(diào)用谅辣，新 promise 將以它的返回值來resolve，否則如果當前promise 進入fulfilled狀態(tài)婶恼，則以當前promise的肯定結果作為新promise的肯定結果.
var p1 = new Promise(function(resolve, reject) {
resolve('Success');
});
p1.then(function(value) {
console.log(value); // "成功!"
throw 'oh, no!';
}).catch(function(e) {
console.log(e); // "oh, no!"
}).then(function(){
console.log('after a catch the chain is restored');
}, function () {
console.log('Not fired due to the catch');
});
另外我們應該要知道桑阶，then參數(shù)可以是一個或者兩個可執(zhí)行函數(shù)，可執(zhí)行函數(shù)都或不接受參數(shù)勾邦；當沒有resolve() 而是reject()蚣录，或者說狀態(tài)不是fulfilled而是rejected，這個時候如果其后的then方法只有一個可執(zhí)行函數(shù)作為參數(shù)检痰，是無法捕捉錯誤或異常的包归，解決方式有兩種，其一是明確寫好兩個可執(zhí)行函數(shù)作為參數(shù)铅歼；
new Promise(function(resolve, reject) {
reject(new Error("ddd"));
}).then(function(v) {
console.log(v)//不會被調(diào)用
}, function(e) {
console.log(e)
});
其二公壤，如果只想有一個參數(shù)，那就使用promise的catch方法進行捕獲椎椰；
var promise = new Promise(function(resolve, reject) {throw new Error("ddd");});
promise.then(function(result) {
//操作
}).catch(function(error) {console.error(error);});
Promise屬性：
Promise方法：
Promise.resolve(value)方法返回一個以給定值解析后的Promise對象厦幅。但如果這個值是個thenable（即帶有then方法），返回的promise會“跟隨”這個thenable的對象慨飘，采用它的最終狀態(tài)（指resolved/rejected/pending/settled）确憨；否則以該值為成功狀態(tài)返回promise對象。
Promise.reject(reason)方法返回一個用reason拒絕的Promise瓤的。
Promise.all(iterable) 方法指當所有在可迭代參數(shù)中的 promises 已完成休弃，或者第一個傳遞的 promise（指 reject）失敗時，返回 promise圈膏。
**Promise.race(iterable) **方法返回一個 promise塔猾，在可迭代的 resolves 或 rejects 中 promises 有一個完成或失敗，將顯示其值或原因稽坤。
本文所有demo都不是很接近真實場景丈甸，可以參考一下阮一峰的Promise的文章http://es6.ruanyifeng.com/#docs/promise
作者: Leecen
原文地址: https://zhuanlan.zhihu.com/p/26767436?refer=dreawer
