Promise 的含義

• 出現(xiàn)目的：Promise 是異步編程的一種解決方案，為了解決回調(diào)地獄。
• 特點(diǎn)：
  • 對(duì)象狀態(tài)不受外界影響，只有異步操作結(jié)果可以改變狀態(tài)
  • 一旦狀態(tài)改變就不會(huì)再變
• 缺點(diǎn)：
  • 無(wú)法取消 Promise，一旦新建就會(huì)立即執(zhí)行
  • Promise 內(nèi)部錯(cuò)誤不會(huì)拋到外部

基本用法

創(chuàng)建一個(gè) Promise 實(shí)例

var promise = new Promise((resolve, reject) => {
  // some code...
  if(/* 異步操作成功 */) {
    resolve(value); // Promise狀態(tài)從Pending --> Resolved
  } else {
    reject(error); // // Promise狀態(tài)從Pending --> Rejected
  }
})

Promise.prototype.then()

Promise 實(shí)例狀態(tài)改變時(shí)的回調(diào)函數(shù)，將在當(dāng)前腳本所有同步任務(wù)執(zhí)行完成后才會(huì)執(zhí)行。

let promise = new Promise((resolve, reject)=>{
  console.log(1);
  resolve();
})
promise.then(() => {
  console.log(3);
})
console.log(2);
// 1 2 3

then()方法包含兩個(gè)函數(shù)參數(shù)，第一個(gè)是 Resolved 狀態(tài)的回調(diào)函數(shù)，第二個(gè)（可選）是 Rejected 狀態(tài)的回調(diào)函數(shù)。

promise.then((value) => {
  // success
}, (error) => {
  // failure
})

then()方法返回一個(gè)新的 Promise 實(shí)例，因此可以采用鏈?zhǔn)綄?xiě)法。

promise.then((res) => {
  return res.doSomething();
}).then((res) => {
  // 若上一個(gè)then方法返回的promise狀態(tài)變?yōu)镽esolved時(shí)調(diào)用...
}, (err) => {
  // 若上一個(gè)then方法返回的promise狀態(tài)變?yōu)镽ejected時(shí)調(diào)用...
})

Promise.prototype.catch()

用于指定 Promise 實(shí)例發(fā)生錯(cuò)誤時(shí)的回調(diào)函數(shù)。

promise.then(()=> {
  // ...
}).catch((error) => {
  // 捕獲promise內(nèi)部和then方法發(fā)生的錯(cuò)誤
  console.log(error)
})

建議不要在 then 方法中定義 Rejected 狀態(tài)的回調(diào)函數(shù)（即 then 的第二個(gè)參數(shù)），而應(yīng)總是使用 catch 方法。因?yàn)?Promise 對(duì)象的錯(cuò)誤具有冒泡屬性，會(huì)一直向后傳遞，直到被捕獲為止；并且 catch 方法更接近同步寫(xiě)法。

Promise.all()

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

var p = Promise.all([p1, p2, p3]);
p.then(() => {
  // 只有p1, p2, p3都為Resolved，或任一變?yōu)閞ejected才會(huì)調(diào)用then方法里的回調(diào)
}).catch()

p 的狀態(tài)由 p1, p2, p3 決定，三者都為 Resolved 時(shí) p 的狀態(tài)才會(huì)變?yōu)?Resolved，任一 Rejected 時(shí) p 的狀態(tài)變?yōu)?Rejected，此時(shí)第一個(gè)被 Rejected 的實(shí)例的返回值傳遞給 p 的回調(diào)函數(shù)。

Promise.race()

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

只要 p1, p2, p3 任一實(shí)例改變狀態(tài)，p 的狀態(tài)就跟著改變