什么是promise聚请？

所謂Promise，字面上可以理解為“承諾”既鞠，就是說A調(diào)用B五续，B返回一個(gè)“承諾”給A疙驾，然后A就可以在寫計(jì)劃的時(shí)候這么寫：當(dāng)B返回結(jié)果給我的時(shí)候，A執(zhí)行方案S1链韭，反之如果B因?yàn)槭裁丛驔]有給到A想要的結(jié)果敞峭，那么A執(zhí)行應(yīng)急方案S2，這樣一來，所有的潛在風(fēng)險(xiǎn)都在A的可控范圍之內(nèi)了鞭呕。

Promise規(guī)范如下：

1、一個(gè)promise可能有四種狀態(tài)：
（1）已執(zhí)行 - 與 promise 有關(guān)的操作成功
（2）已拒絕 - 與 promise 有關(guān)的操作失敗
（3）待定 - 尚未執(zhí)行或拒絕
（4）已解決 - 已執(zhí)行或拒絕
2、一個(gè)promise的狀態(tài)只可能從“等待”轉(zhuǎn)到“完成”態(tài)或者“拒絕”態(tài)，不能逆向轉(zhuǎn)換摧扇，同時(shí)“完成”態(tài)和“拒絕”態(tài)不能相互轉(zhuǎn)換旁趟。
3橙困、promise必須實(shí)現(xiàn)then方法（可以說，then就是promise的核心）夏跷，而且then必須返回一個(gè)promise壹蔓，同一個(gè)promise的then可以調(diào)用多次，并且回調(diào)的執(zhí)行順序跟它們被定義時(shí)的順序一致。
4、then方法接受兩個(gè)參數(shù)夺巩，第一個(gè)參數(shù)是成功時(shí)的回調(diào)，在promise由“等待”態(tài)轉(zhuǎn)換到“完成”態(tài)時(shí)調(diào)用，另一個(gè)是失敗時(shí)的回調(diào)制跟，在promise由“等待”態(tài)轉(zhuǎn)換到“拒絕”態(tài)時(shí)調(diào)用读串。同時(shí)排监，then可以接受另一個(gè)promise傳入棋蚌，也接受一個(gè)“類then”的對(duì)象或方法，即thenable對(duì)象。

創(chuàng)建Promise的步驟：

var promise = new Promise(function(resolve, reject) {
  // 做一件事省撑，可能是異步的…

  if (xxx) {
    resolve("事情成功了");
  }
  else {
    reject(“錯(cuò)誤”);
  }
});

Promise 構(gòu)造函數(shù)包含一個(gè)參數(shù)和一個(gè)帶有 resolve（解析）和 reject（拒絕）兩個(gè)參數(shù)的回調(diào)跷乐。在回調(diào)中執(zhí)行一些操作（例如異步）馒稍，如果一切都正常纽谒，則調(diào)用 resolve，否則調(diào)用 reject。

使用示例：

promise.then(function(result) {
  console.log(result); // ""事情成功了"!"
}, function(err) {
  console.log(err); // 錯(cuò)誤: "壞了"
});

then() 包含兩個(gè)參數(shù)：一個(gè)用于成功情形的回調(diào)和一個(gè)用于失敗情形的回調(diào)缎谷。這兩個(gè)都是可選的，因此您可以只添加一個(gè)用于成功情形或失敗情形的回調(diào)撞蚕。

對(duì) XMLHttpRequest 執(zhí)行 promise

function get(url) {
  //返回一個(gè)新的 promise.
  return new Promise(function(resolve, reject) {
    // 執(zhí)行XHR
    var req = new XMLHttpRequest();
    req.open('GET', url);

    req.onload = function() {
      // 檢查狀態(tài)
      if (req.status == 200) {
        //使用響應(yīng)文本來解析承諾
        resolve(req.response);
      }
      else {
        // 否則拒絕使用狀態(tài)文本
        // 這很有可能是一個(gè)有意義的錯(cuò)誤
        reject(Error(req.statusText));
      }
    };

    // 處理網(wǎng)絡(luò)故障
    req.onerror = function() {
      reject(Error("網(wǎng)絡(luò)錯(cuò)誤"));
    };

    req.send();
  });
}

使用：

get('xxx.json').then(function(response) {
  console.log("成功!", response);
}, function(error) {
  console.error("失敗!", error);
})

無需手動(dòng)鍵入 XMLHttpRequest 即可作出 HTTP 請(qǐng)求,是不是感覺好爽

錯(cuò)誤處理

正如我們之前所看到的，then() 包含兩個(gè)參數(shù)：一個(gè)用于成功舶赔，一個(gè)用于失敗（按照 promise 中的說法，即執(zhí)行和拒絕）：

get('xxx.json').then(function(response) {
  console.log("成功!", response);
}, function(error) {
  console.log("錯(cuò)誤!", error);
})

還可以使用 catch()：

get('xxx.json').then(function(response) {
  console.log("成功!", response);
}).catch(function(error) {
  console.log("錯(cuò)誤!", error);
})

catch() 沒有任何特殊之處，它只是 then(undefined, func) 的錦上添花，但可讀性更強(qiáng)。注意纺荧，以上兩個(gè)代碼示例行為并不相同榕茧，后者相當(dāng)于：

get('xxx.json').then(function(response) {
  console.log("成功!", response);
}).then(undefined, function(error) {
  console.log("錯(cuò)誤!", error);
})

Promise API 參考

所有方法在 Chrome靶剑、Opera收夸、Firefox、Microsoft Edge 和 Safari 中均可使用，除非另有說明。

靜態(tài)方法

構(gòu)造函數(shù)

實(shí)例方法