在promise? 的then? 中我們不僅有 成功狀態(tài) 失敗狀態(tài)，可能還有等待狀態(tài)，所以我們要對(duì)等待狀態(tài)進(jìn)行處理

function Promise(executor) {let self = this;self.value = null;self.reason = null;self.resolveCallback = [];self.rejectCallback = [];//設(shè)置默認(rèn)狀態(tài)self.status = 'pending'//成功函數(shù) function resolve(value) {if(self.status=='pending') {self.status = 'success';// console.log(self.value);self.value = '運(yùn)行成功了';self.resolveCallback.forEach(fn=>fn()); // 發(fā)布 }};//失敗函數(shù) function reject(reason) {if(self.status == 'pending') {self.status = 'fail';self.reason = '運(yùn)行失敗了';self.rejectCallback.forEach(fn=>fn()); // 發(fā)布 }}//默認(rèn)立即執(zhí)行函數(shù) 傳遞兩個(gè)參數(shù) executor(resolve,reject); } Promise.prototype.then = function(OnResolve,OnReject) {// console.log(this.value)if(this.status == 'success') {OnResolve(this.value);}if(this.status =='fail') {OnReject(this.reason);}//第3種狀態(tài) 處于等待狀態(tài)if(this.status == 'pending') {//將成功的回調(diào)push 到 resolveCallback 這個(gè)數(shù)組中this.resolveCallback.push(()=>{OnResolve(this.value);})//將失敗的回調(diào) push 到 rejectCallback 這個(gè)數(shù)組中this.rejectCallback.push(()=>{OnReject(this.reason);})} }; module.exports= Promise; //一進(jìn)來 我們開始執(zhí)行 executor函數(shù) 傳遞兩個(gè)參數(shù) 再調(diào)用 then 方法 ，then 方法里面有 OnResolve方法，OnReject 方法 // then 方法中，我們一開始的狀態(tài)是pending 然后根據(jù) 狀態(tài)的不同 調(diào)用不同的函數(shù)， // 在兩個(gè)不同的函數(shù)中 我們 進(jìn)行判斷 因?yàn)闋顟B(tài)一開始都是有 pending = > success 或者 pending =>fail // 判斷 時(shí)修改 狀態(tài) 和 顯示值

在 then? 方法中 我們先進(jìn)行狀態(tài)的判斷 ，如果這個(gè)狀態(tài)是 pending? 狀態(tài) ，我們就對(duì)它進(jìn)行處理

首先先聲明 成功狀態(tài)的回調(diào)數(shù)組 為空 失敗狀態(tài)的回調(diào)數(shù)組為空

self.resolveCallback = [];self.rejectCallback = [];

在等待狀態(tài)中 我們將? 成功的函數(shù) push 到?成功狀態(tài)的回調(diào)數(shù)組 中，將失敗函數(shù)push? 到失敗狀態(tài)的回調(diào) 數(shù)組中

//將成功的回調(diào)push 到 resolveCallback 這個(gè)數(shù)組中this.resolveCallback.push(()=>{OnResolve(this.value);})//將失敗的回調(diào) push 到 rejectCallback 這個(gè)數(shù)組中this.rejectCallback.push(()=>{OnReject(this.reason);})

同時(shí)我們將 狀態(tài)的值傳遞進(jìn)去

?

最后 在各自的執(zhí)行函數(shù)進(jìn)行數(shù)組的遍歷 調(diào)用自身的函數(shù)

self.resolveCallback.forEach(fn=>fn()); // 發(fā)布

?

轉(zhuǎn)載于:https://www.cnblogs.com/guangzhou11/p/11299673.html

總結(jié)

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

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