在promise? 的then? 中我們不僅有 成功狀態 失敗狀態，可能還有等待狀態，所以我們要對等待狀態進行處理

function Promise(executor) {let self = this;self.value = null;self.reason = null;self.resolveCallback = [];self.rejectCallback = [];//設置默認狀態self.status = 'pending'//成功函數 function resolve(value) {if(self.status=='pending') {self.status = 'success';// console.log(self.value);self.value = '運行成功了';self.resolveCallback.forEach(fn=>fn()); // 發布 }};//失敗函數 function reject(reason) {if(self.status == 'pending') {self.status = 'fail';self.reason = '運行失敗了';self.rejectCallback.forEach(fn=>fn()); // 發布 }}//默認立即執行函數 傳遞兩個參數 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種狀態 處于等待狀態if(this.status == 'pending') {//將成功的回調push 到 resolveCallback 這個數組中this.resolveCallback.push(()=>{OnResolve(this.value);})//將失敗的回調 push 到 rejectCallback 這個數組中this.rejectCallback.push(()=>{OnReject(this.reason);})} }; module.exports= Promise; //一進來 我們開始執行 executor函數 傳遞兩個參數 再調用 then 方法 ，then 方法里面有 OnResolve方法，OnReject 方法 // then 方法中，我們一開始的狀態是pending 然后根據 狀態的不同 調用不同的函數， // 在兩個不同的函數中 我們 進行判斷 因為狀態一開始都是有 pending = > success 或者 pending =>fail // 判斷 時修改 狀態 和 顯示值

在 then? 方法中 我們先進行狀態的判斷 ，如果這個狀態是 pending? 狀態 ，我們就對它進行處理

首先先聲明 成功狀態的回調數組 為空 失敗狀態的回調數組為空

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

在等待狀態中 我們將? 成功的函數 push 到?成功狀態的回調數組 中，將失敗函數push? 到失敗狀態的回調 數組中

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

同時我們將 狀態的值傳遞進去

?

最后 在各自的執行函數進行數組的遍歷 調用自身的函數

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

?

轉載于:https://www.cnblogs.com/guangzhou11/p/11299673.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。