JavaScript中的promise使用

phodal 發(fā)布于2019-08-21 16:54 / 640人閱讀

摘要：它的作用是為實例添加狀態(tài)改變時的回調(diào)函數(shù)。方法方法是的別名，用于指定發(fā)生錯誤時的回調(diào)函數(shù)。是一個處理和前一個回調(diào)函數(shù)運行時發(fā)生的錯誤發(fā)生錯誤比較推薦的書寫方法是先使用來給添加的回調(diào)，然后使用來捕獲所有的鏈接上的或者異常。

promise初始

Promise 是異步編程的一種解決方案，Promise 可以認(rèn)為是一個對象，從它可以獲取異步操作的消息。Promise 提供統(tǒng)一的 API，各種異步操作都可以用同樣的方法進行處理。具有兩大特點：

對象的狀態(tài)不受外界影響。Promise對象代表一個異步操作，有三種狀態(tài)：pending（進行中）、fulfilled（已成功）和rejected（已失?。挥衟romise執(zhí)行的結(jié)果可以影響當(dāng)前狀態(tài)，無論是異步操作還是同步操作。

一旦狀態(tài)改變，就不會再變，任何時候都可以得到這個結(jié)果。Promise對象的狀態(tài)改變，只有兩種可能：從pending變?yōu)閒ulfilled和從pending變?yōu)閞ejected。

基本用法

ES6 規(guī)定，Promise對象是一個構(gòu)造函數(shù)，用來生成Promise實例。

new Promise(
    /* executor */
    function(resolve, reject) {...}
);

Promise構(gòu)造函數(shù)接受一個函數(shù)作為參數(shù)，該函數(shù)的兩個參數(shù)分別是resolve和reject。它們是兩個函數(shù)，由 JavaScript 引擎提供，不用自己部署。看一個實例：

let promise = new Promise(function(resolve, reject) {
  console.log("Promise");
  resolve();
});

promise.then(function() {
  console.log("resolved.");
});

console.log("Hi!");

// Promise
// Hi!
// resolved

可以看到，在new promise的時候，會立即執(zhí)行promise構(gòu)造函數(shù)中的參數(shù)function，也就是包含resolve、reject兩個方法的函數(shù)會被立即執(zhí)行，上面代碼中，Promise 新建后立即執(zhí)行，所以首先輸出的是Promise。然后，then方法指定的回調(diào)函數(shù)，將在當(dāng)前腳本所有同步任務(wù)執(zhí)行完才會執(zhí)行，所以resolved最后輸出。
注意：
1. promise的參數(shù)函數(shù)中如果resolve、reject這兩個函數(shù)中的某個帶了參數(shù)也是 promise的話，那么這個原本的promise的狀態(tài)將會由參數(shù)中的promise的狀態(tài)決定
2. resolve、reject并不會想return一樣結(jié)束函數(shù)的運行

then方法

then方法是定義在原型對象Promise.prototype上的。它的作用是為 Promise 實例添加狀態(tài)改變時的回調(diào)函數(shù)。then方法的第一個參數(shù)是resolved狀態(tài)的回調(diào)函數(shù)，第二個參數(shù)（可選）是rejected狀態(tài)的回調(diào)函數(shù)。then方法返回的是一個新的Promise實例（注意，不是原來那個Promise實例）。因此可以采用鏈?zhǔn)綄懛?，即then方法后面再調(diào)用另一個then方法。

// getJSON 是一個promise實例
getJSON("/posts.json").then(function(json) {
  return json.post;
}).then(function(post) {
  // ...
});

很多時候在then中會人為的書寫一些異步操作，這樣可以很好的鏈?zhǔn)秸{(diào)用，但是即使不是人為的異步操作，JavaScript也會自動的把then的返回值封裝為promise實例，可以一直使用then無限回調(diào)。

catch方法

Promise.prototype.catch方法是.then(null, rejection)的別名，用于指定發(fā)生錯誤時的回調(diào)函數(shù)。如果異步操作拋出錯誤，狀態(tài)就會變?yōu)閞ejected，就會調(diào)用catch方法指定的回調(diào)函數(shù)，處理這個錯誤。另外，then方法指定的回調(diào)函數(shù)，如果運行中拋出錯誤，也會被catch方法捕獲。

//getJSON 是一個promise
getJSON("/posts.json").then(function(posts) {
  // ...
}).catch(function(error) {
  // 處理 getJSON 和 前一個回調(diào)函數(shù)運行時發(fā)生的錯誤
  console.log("發(fā)生錯誤！", error);
});

比較推薦的書寫方法是先使用then來給promise添加resolve的回調(diào)，然后使用catch來捕獲所有的鏈接上的reject或者異常。

promise.resolve理解

可以說Promise.resolve是唯一的把promise轉(zhuǎn)換為完成狀態(tài)的操作，Promise.resolve方法的參數(shù)分成四種情況：

參數(shù)是一個promise實例
如果參數(shù)是Promise實例，那么Promise.resolve將不做任何修改、原封不動地返回這個實例。這個之前已經(jīng)說過了，如果promise的的resolve參數(shù)帶的是一個promise，那么原本promise的將會被丟棄，由這個新的promise的狀態(tài)來取代

參數(shù)是一個thenable對象
thenable對象指的是具有then方法的對象，Promise.resolve方法會將這個對象轉(zhuǎn)為Promise對象，然后就立即執(zhí)行thenable對象的then方法。

參數(shù)不是具有then方法的對象，或根本就不是對象
如果參數(shù)是一個原始值，或者是一個不具有then方法的對象，則Promise.resolve方法返回一個新的Promise對象，狀態(tài)為resolved。

不帶有任何參數(shù)
Promise.resolve方法允許調(diào)用時不帶參數(shù)，直接返回一個resolved狀態(tài)的Promise對象。

promise.reject理解

Promise.reject(reason)方法也會返回一個新的 Promise 實例，該實例的狀態(tài)為rejected。
注意，Promise.reject()方法的參數(shù)，會原封不動地作為reject的理由，變成后續(xù)方法的參數(shù)。這一點與Promise.resolve方法不一致。

其他

done()
Promise對象的回調(diào)鏈，不管以then方法或catch方法結(jié)尾，要是最后一個方法拋出錯誤，都有可能無法捕捉到（因為Promise內(nèi)部的錯誤不會冒泡到全局）。因此，我們可以提供一個done方法，總是處于回調(diào)鏈的尾端，保證拋出任何可能出現(xiàn)的錯誤。

done()
finally方法用于指定不管Promise對象最后狀態(tài)如何，都會執(zhí)行的操作。它與done方法的最大區(qū)別，它接受一個普通的回調(diào)函數(shù)作為參數(shù)，該函數(shù)不管怎樣都必須執(zhí)行。