ES 6 promiss
ES6 規定 Promise物件是一個建構函式，用來生成 Promise實列, 如下程式碼：
var promise = new Promise((resolve, reject) => {
if (true) {
resolve(value);
} else {
reject(error);
}
});
resolve 函式的作用是，將promise物件的狀態從 "未完成"（Pending） 變為 “成功”(Resolved), 在非同步操作成功呼叫時，並將非同步操作的結果，作為引數傳遞出去。
reject函式的作用是，將promise物件的狀態 從 "未完成"(Pending) 變為 "失敗"（Rejected）, 在非同步操作失敗時呼叫，並將非同步操作報出的錯誤，作為引數傳遞出去。
promise實列生成以後，可以使用then方法分別指定 Resolved狀態 和 （Rejected）狀態的回撥函式。
下面是一個Promise物件的簡單列子：
function timeout (ms) {
return new Promise ((resolve, reject) => {
setTimeout(resolve, ms, 'done');
});
}
timeout(100).then((value) => {
console.log(value); // done
})
如上程式碼，timeout函式返回一個Promise物件的例項，過了指定的時間以後，Promise的例項狀態變為Resolved，然後觸發then指定的回撥。引數值就是例項狀態變為Resolved傳進來的 done，因此輸出done。
Promise新建後就會立即執行，如下程式碼：
const promise = new Promise((resolve, reject) => {
console.log('Promise');
resolve();
});
promise.then(()=> {
console.log('Resilved');
});
console.log('Hi');
輸出結果是 Promise Hi Resilved done
Promise新建後立即執行，所以首先輸出的是 Promise， 然後promise物件resolve方法是非同步的，所以先執行完所有同步的方法才會執行resolve中的方法， 因此輸出HI，
最後輸出 Resilved, 最後100ms後，又執行timeout方法，最後輸出 done
下面是一個用Promise
物件實現的 Ajax 操作的例子。
如下程式碼：
var getJSON = function(url) { var promise = new Promise((resolve, reject) => { var xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.onreadystatechange = handler; xhr.responseType = 'json'; xhr.setRequestHeader('Accept', 'application/json'); xhr.send(); function handler() { if (this.readyState !== 4) { return; } if (this.status === 200) { resolve(this.response); } else { reject(new Error(this.statusText)); } } }); return promise; }; var url = 'http://httpbin.org/get'; getJSON(url).then((json) => { console.log(json); // 返回json物件 }, (error)=> { console.log(error); });
上面呼叫resolve函式和reject函式都帶有引數，他們的引數會傳遞給回撥函式，reject函式的引數一般是Error物件的實列，表示丟擲的錯誤，resolve函式的引數一般是正常的值，當然還有可能是promise物件的實列。
1-2 理解 Promise.prototype.then()
Promise例項具有then方法，該作用是為Promise例項新增狀態改變時的回撥函式。該方法的第一個引數是Resolved狀態的回撥函式，第二個引數是Rejected狀態的回撥函式。
then方法返回的是一個新的Promise例項。因此我們可以採用鏈式的寫法，即then方法後面再呼叫另一個then方法。如下程式碼：
getJSON(url).then((json)=>{
console.log(2);
console.log(json); // 返回json物件
return json;
}).then((data) => {
console.log(1);
console.log(data); // 返回和上面一樣的json物件
});
上面的程式碼使用then方法，使用了2個回撥函式，第一個回撥函式完成以後，將返回的結果作為引數，傳入第二個回撥函式。
1-3 理解 Promise.prototype.catch()
Promise.prototype.catch方法是 .then(null, rejection)的別名，用於指定發生錯誤時的回撥函式。如下程式碼：
getJSON(url).then((json)=> {
// ...
}).catch((error) => {
console.log('發生錯誤');
});
上面程式碼中，getJSON方法返回一個Promise物件，如果該物件狀態變為Resolved, 則會呼叫then方法的回撥函式，如果非同步操作丟擲錯誤，狀態就會變為 Rejected，就會呼叫catch方法的回撥函式，來處理這個錯誤。如下是一個發生錯誤的demo.
var promise2 = new Promise((resolve, reject) => {
throw new Error('test');
});
promise2.catch((error)=> {
console.log(error);
});
// 其實上面的程式碼和下面的程式碼是等價的
// 寫法一
var p3 = new Promise((resolve, reject) => {
try {
throw new Error('test')
} catch (e) {
reject(e);
}
});
p3.catch((error) => {
console.log(error);
});
// 寫法二
var p4 = new Promise((resolve, reject) => {
reject(new Error('test'));
});
p4.catch((error) => {
console.log(error);
});
但是如果Promise狀態已經變成 Resolved的話，再丟擲錯誤是沒有用的了。如下程式碼
var p5 = new Promise((resolve, reject) => {
resolve('ok');
throws new Error('test'); // 這句無效
});
p5.then((value) => {
console.log(value);
}).catch((error)=> {
console.log(error);
})
上面程式碼中，在resolve後面再丟擲錯誤是不會被撲獲到的，因為Promise的狀態一旦改變，就永久保持該狀態。
Promise物件的錯誤具有傳遞性質，它會一直往下傳遞，直到被catch捕獲到為止。
注意：一般來講，不要在then方法裡面定義Reject狀態的回撥函式(then的第二個引數)，總是使用catch語句。比如如下程式碼：
// bad的寫法
var p6 = new Promise((resolve, reject) => {
});
p6.then((data) => {
// success
}, (error)=>{
// error
});
// good的寫法
p6.then((data) => {
// success
}).catch((error) => {
// error
});
上面的程式碼中，第二種寫法比第一種寫法好，第二種寫法可以捕獲到前面then方法執行中的錯誤。因此我們建議使用catch方法，而不使用then方法的第二個引數。
1-4 理解Promise.all()方法
Promise.all方法用於將多個Promise例項，包裝成一個新的Promise例項。如下程式碼：
var P = Promise.all([p1, p2, p3]);
該方法接收一個數組作為引數，p1, p2, p3都是Promise的實列，如果他們不是實列的話，會先呼叫 Promise.resolve方法，將引數轉為Promise例項。
當p1, p2, p3的狀態都變成 fulfilled的時候，p的狀態才會變成成功狀態。當他們之中有一個是 rejected的話，那麼p的狀態就變為失敗的狀態。
注意點： 如果作為引數的Promise例項，自己定義了catch方法，那麼它一旦被rejected，並不會觸發Promise.all()的catch方法。如下程式碼：
const p11 = new Promise((resolve, reject) => {
resolve('hello');
}).then(res => res).catch(e => e);
const p22 = new Promise((resolve, reject) => {
throw new Error('報錯了');
}).then(res => res).catch(e=>e);
Promise.all([p1, p2]).then(res => console.log(res)).catch(e=>console.log(e));
上面程式碼中， p11會 resolved， p22首先會rejected，但是p22有自己的catch方法，該方法會返回一個新的Promise的例項，執行完catch方法後，也會變成resolved，導致promise.all方法引數裡面的兩個例項都會resolved，因此會呼叫then方法指定的回撥函式，不會呼叫catch方法指定的回撥函式。
1-5 理解Promise.race()方法
該方法同樣是將多個Promise的例項，包裝成一個新的Promise例項。
var p = Promise.race([p1, p2, p3]);
Promise.race 與 Promise.all的相同點：如果不是Promise的例項，就會先呼叫 Promise.resolve方法，將引數轉為Promise的例項。
不同點是： 只要p1, p2, p3 其中任何一個例項先改變狀態，那麼P的狀態就會跟著改變。也就是說那個先改變Promise例項的返回值，就傳遞給P的回撥函式。
1-6 理解Promise.resolve()方法
該方法的作用是：可以將現有的物件轉為Promise物件。比如如下程式碼：
var jsPromise = Promise.resolve({"a":1});
其實上面的程式碼等價與下面的程式碼：
new Promise(resolve => resolve({"a": 1}));
1-7 理解 Promise.reject()方法
Promise.reject()方法返回一個新的Promise例項，該例項的狀態為 rejected。
var p33 = Promise.reject('出錯了');
p33.then(null, (s) => {
console.log(s); // 出錯了
});
上面程式碼生成一個Promise物件的例項p33，狀態為rejected，回撥函式會立即執行。