一、Promise是什么？

Promise是最早由社區(qū)提出和實現(xiàn)的一種解決異步編程的方案，比其他傳統(tǒng)的解決方案（回調(diào)函數(shù)和事件）更合理和更強大。

ES6 將其寫進(jìn)了語言標(biāo)準(zhǔn)，統(tǒng)一了用法，原生提供了Promise對象。
ES6 規(guī)定，Promise對象是一個構(gòu)造函數(shù)，用來生成Promise實例。

二、Promise是為解決什么問題而產(chǎn)生的？

promise是為解決異步處理回調(diào)金字塔問題而產(chǎn)生的

三、Promise的兩個特點

1、Promise對象的狀態(tài)不受外界影響

1）pending 初始狀態(tài)

2）fulfilled 成功狀態(tài)

3）rejected 失敗狀態(tài)

Promise 有以上三種狀態(tài)，只有異步操作的結(jié)果可以決定當(dāng)前是哪一種狀態(tài)，其他任何操作都無法改變這個狀態(tài)

2、Promise的狀態(tài)一旦改變，就不會再變，任何時候都可以得到這個結(jié)果，狀態(tài)不可以逆，只能由 pending變成fulfilled或者由pending變成rejected

四、Promise的三個缺點

1）無法取消Promise,一旦新建它就會立即執(zhí)行，無法中途取消
2）如果不設(shè)置回調(diào)函數(shù)，Promise內(nèi)部拋出的錯誤，不會反映到外部
3）當(dāng)處于pending狀態(tài)時，無法得知目前進(jìn)展到哪一個階段，是剛剛開始還是即將完成

五、Promise在哪存放成功回調(diào)序列和失敗回調(diào)序列？

1）onResolvedCallbacks 成功后要執(zhí)行的回調(diào)序列 是一個數(shù)組

2）onRejectedCallbacks 失敗后要執(zhí)行的回調(diào)序列 是一個數(shù)組

以上兩個數(shù)組存放在Promise 創(chuàng)建實例時給Promise這個類傳的函數(shù)中，默認(rèn)都是空數(shù)組。
每次實例then的時候 傳入 onFulfilled 成功回調(diào) onRejected 失敗回調(diào)，如果此時的狀態(tài)是pending 則將onFulfilled和onRejected push到對應(yīng)的成功回調(diào)序列數(shù)組和失敗回調(diào)序列數(shù)組中，如果此時的狀態(tài)是fulfilled 則onFulfilled立即執(zhí)行，如果此時的狀態(tài)是rejected則onRejected立即執(zhí)行

上述序列中的回調(diào)函數(shù)執(zhí)行的時候 是有順序的，即按照順序依次執(zhí)行

六、Promise的用法

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

const promise = new Promise(function(resolve, reject) {// ... some codeif (/* 異步操作成功 */){resolve(value);} else {reject(error);}});

2、resolve函數(shù)的作用是，將Promise對象的狀態(tài)從“未完成”變?yōu)椤俺晒Α?#xff08;即從 pending 變?yōu)?resolved），在異步操作成功時調(diào)用，并將異步操作的結(jié)果，作為參數(shù)傳遞出去；reject函數(shù)的作用是，將Promise對象的狀態(tài)從“未完成”變?yōu)椤笆　?#xff08;即從 pending 變?yōu)?rejected），在異步操作失敗時調(diào)用，并將異步操作報出的錯誤，作為參數(shù)傳遞出去。

3、Promise實例生成以后，可以用then方法分別指定resolved狀態(tài)和rejected狀態(tài)的回調(diào)函數(shù)。

promise.then(function(value) {// success}, function(error) {// failure});

then方法可以接受兩個回調(diào)函數(shù)作為參數(shù)。第一個回調(diào)函數(shù)是Promise對象的狀態(tài)變?yōu)閞esolved時調(diào)用，第二個回調(diào)函數(shù)是Promise對象的狀態(tài)變?yōu)閞ejected時調(diào)用。其中，第二個函數(shù)是可選的，不一定要提供。這兩個函數(shù)都接受Promise對象傳出的值作為參數(shù)。

七、按照Promise A+規(guī)范寫Promise的簡單實現(xiàn)原理

// 第一步：Promise構(gòu)造函數(shù)接受一個函數(shù)作為參數(shù)，該函數(shù)的兩個參數(shù)分別是resolve和reject。它們是兩個函數(shù)，由 JavaScript 引擎提供，不用自己部署。function Promise(task) {let that = this; // 緩存thisthat.status = 'pending'; // 進(jìn)行中的狀態(tài)that.value = undefined; //初始值that.onResolvedCallbacks = []; // 存放成功后要執(zhí)行的回調(diào)函數(shù)的序列that.RejectedCallbacks = []; // 存放失敗后要執(zhí)行的回調(diào)函數(shù)的序列// 該方法是將Promise由pending變成fulfilledfunction resolve (value) {if (that.status == 'pending') {that.status = 'fulfilled';that.value = value;that.onResolvedCallbacks.forEach(cb => cd(that.value))}}// 該方法是將Promise由pending變成rejectedfunction reject (reason) {if (that.status == 'pending') {that.status = 'rejected';that.value = reason;that.onRjectedCallbacks.forEach(cb => cd(that.value))}}try {// 每一個Promise在new一個實例的時候 接受的函數(shù)都是立即執(zhí)行的task(resolve, reject)} catch (e) {reject(e)}}// 第二部 寫then方法，接收兩個函數(shù)onFulfilled onRejected，狀態(tài)是成功態(tài)的時候調(diào)用onFulfilled 傳入成功后的值，失敗態(tài)的時候執(zhí)行onRejected，傳入失敗的原因，pending 狀態(tài)時將成功和失敗后的這兩個方法緩存到對應(yīng)的數(shù)組中，當(dāng)成功或失敗后 依次再執(zhí)行調(diào)用Promise.prototype.then = function(onFulfilled, onRejected) {let that = this;if (that.status == 'fulfilled') {onFulfilled(that.value);}if (that.status == 'rejected') {onRejected(that.value);}if (that.status == 'pending') {that.onResolvedCallbacks.push(onFulfilled);that.onRjectedCallbacks.push(onRejected);}}

九、 Promise.catch

Promise.prototype.catch方法是.then(null, rejection)的別名，用于指定發(fā)生錯誤時的回調(diào)函數(shù)。

//catch原理就是只傳失敗的回調(diào)Promise.prototype.catch = function(onRejected){this.then(null,onRejected);}

十、 Promise.all 方法

參數(shù)：接受一個數(shù)組，數(shù)組內(nèi)都是Promise實例
返回值：返回一個Promise實例，這個Promise實例的狀態(tài)轉(zhuǎn)移取決于參數(shù)的Promise實例的狀態(tài)變化。當(dāng)參數(shù)中所有的實例都處于resolve狀態(tài)時，返回的Promise實例會變?yōu)閞esolve狀態(tài)。如果參數(shù)中任意一個實例處于reject狀態(tài)，返回的Promise實例變?yōu)閞eject狀態(tài)

Promise.all = function(promises){return new Promise(function(resolve,reject){let done = gen(promises.length,resolve);for(let i=0;i<promises.length;i++){promises[i].then(function(data){done(i,data);},reject);}});}

十一、Promise.resolve

返回一個Promise實例，這個實例處于resolve狀態(tài)。
根據(jù)傳入的參數(shù)不同有不同的功能：

值(對象、數(shù)組、字符串等)：作為resolve傳遞出去的值
Promise實例：原封不動返回

//返回一個立刻成功的promise//別人提供 給你一個方法，需要你傳入一個promise,但你只有一個普通的值，你就可以通過這個方法把這個普通的值(string number object)轉(zhuǎn)成一個promise對象Promise.resolve = function(value){return new Promise(function(resolve){resolve(value);});}

十二、 Promise.reject

返回一個Promise實例，這個實例處于reject狀態(tài)。

參數(shù)一般就是拋出的錯誤信息。

//返回一個立刻失敗的promisePromise.reject = function(reason){return new Promise(function(resolve,reject){reject(reason);});}

十三、 Promise.race

參數(shù)：接受一個數(shù)組，數(shù)組內(nèi)都是Promise實例
返回值：返回一個Promise實例，這個Promise實例的狀態(tài)轉(zhuǎn)移取決于參數(shù)的Promise實例的狀態(tài)變化。當(dāng)參數(shù)中任何一個實例處于resolve狀態(tài)時，返回的Promise實例會變?yōu)閞esolve狀態(tài)。如果參數(shù)中任意一個實例處于reject狀態(tài)，返回的Promise實例變?yōu)閞eject狀態(tài)。

Promise.race = function(promises){return new Promise(function(resolve,reject){for(let i=0;i<promises.length;i++){promises[i].then(resolve,reject);}});}

Promises/A+規(guī)范
完整的手寫promise源碼地址

轉(zhuǎn)載于:https://www.cnblogs.com/qinmengjiao123-123/p/8321382.html

總結(jié)

以上是生活随笔為你收集整理的谈谈我对Promise的理解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。