then 方法必須?返回一個新的promise

promise2 = promise1.then(onFulfilled, onRejected);

新的Promise 必須返回傳遞兩個方法? onFulfilled, onRejected

If either onFulfilled or onRejected returns a value x, run the Promise Resolution Procedure [[Resolve]](promise2, x).

onFulfilled, onRejected? 其中的某個都要返回 一個value

if either?onFulfilled?or?onRejected?returns a value?x, run the Promise Resolution Procedure?[[Resolve]](promise2, x)

如果onfulled或onrejected返回值x，請運行承諾解決過程[[解決]]（promise2，x）。

let x = onfulfilled(this.value);// x是普通值還是promise 如果是普通值 直接調用promise2的resolve// 如果是promise 那應該讓x這個promise執行 x.thenresolvePromise(promise2,x,resolve,reject);

這段代碼是??resolvePromise? ??承諾解決過程

resolvePromise? 這個函數里面 有Promise 這個參數，所以我們要拿到這個值 但是我們直接打印出來這個值 是 underfind 所以我們要用?promise2

這樣，我們做到這里的時候? then 方法的大概結構就出來了?

then(onfulfilled,onrejected){ let promise2;promise2 = new Promise((resolve,reject)=>{if(this.status === 'fulfilled'){setTimeout(()=>{ try{let x = onfulfilled(this.value);// x是普通值還是promise 如果是普通值 直接調用promise2的resolve// 如果是promise 那應該讓x這個promise執行 x.then resolvePromise(promise2,x,resolve,reject);}catch(e){reject(e);}},0);}if(this.status === 'rejected'){setTimeout(()=>{try{let x = onrejected(this.reason);resolvePromise(promise2,x,resolve,reject);}catch(e){reject(e);}},0)}if(this.status === 'pending'){this.resolveCallbacks.push(()=>{setTimeout(()=>{try{let x = onfulfilled(this.value);resolvePromise(promise2,x,resolve,reject);}catch(e){reject(e);}},0)});this.rejectCallbacks.push(()=>{setTimeout(()=>{try{let x = onrejected(this.reason);resolvePromise(promise2,x,resolve,reject);}catch(e){reject(e);}},0)})}});return promise2}

接下來我們來處理? ?The Promise Resolution Procedure? 的問題?

If?promise?and?x?refer to the same object, reject?promise?with a?TypeError?as the reason.

let resolvePromise = (promise2,x,resolve,reject) => {if(promise2 === x){return reject(new TypeError('循環引用'))} }

?if?x?is an object or function,

if(typeof x === 'function' || (typeof x === 'object' && x !== null)){}

Let?then?be?x.then

let then = x.then; // 如果取then方法出錯 那就用錯誤拒絕promise2

f/when?resolvePromise?is called with a value?y, run?[[Resolve]](promise, y).

If/when?rejectPromise?is called with a reason?r, reject?promise?with?r.

If both?resolvePromise?and?rejectPromise?are called, or multiple calls to the same argument are made, the first call takes precedence, and any further calls are ignored.

? ? ? ?

if(typeof then === 'function'){ // 我就認為他是一個promisethen.call(x,y=>{ // 讓當前的promise執行 ，不用多次取then方法了// y 有可能還是一個promise , 繼續調用resolvePromise方法，直到解析出一個常量為止，最終把常量傳遞下去if(called) return; // 放置此方法多次被調用called = true;resolvePromise(promise2,y,resolve,reject);},r=>{if(called) return;called = true;reject(r); // 讓當前的promise變成失敗態即可 })}else{// x就是一個普通的對象 并沒有then方法 resolve(x);}

全部的代碼：

?

let resolvePromise = (promise2,x,resolve,reject) => {// 判斷x的類型 來處理promise2是成功還是失敗// 所有的promise都遵循這個規范，不同的人寫的promise可能會混用// 盡可能考慮的周全 要考慮別人promise可能出錯的情況if(promise2 === x){return reject(new TypeError('循環引用'))}// 判斷x是不是一個promise ,這個x 可能不是自己的promise 所以為了安全 需要在進行校驗，放置調一起用成功和失敗 if(typeof x === 'function' || (typeof x === 'object' && x !== null)){// 嘗試取當前x的then方法, 這個then方法可能別人定義的時候 用的Object.defineProperty let called;try{let then = x.then; // 如果取then方法出錯 那就用錯誤拒絕promise2if(typeof then === 'function'){ // 我就認為他是一個promisethen.call(x,y=>{ // 讓當前的promise執行 ，不用多次取then方法了// y 有可能還是一個promise , 繼續調用resolvePromise方法，直到解析出一個常量為止，最終把常量傳遞下去if(called) return; // 放置此方法多次被調用called = true;resolvePromise(promise2,y,resolve,reject);},r=>{if(called) return;called = true;reject(r); // 讓當前的promise變成失敗態即可 })}else{// x就是一個普通的對象 并沒有then方法 resolve(x);}}catch(e){if(called) return;called = true;reject(e);}}else{// x肯定一個常量 resolve(x);} }class Promise{constructor(executor){this.status = 'pending'; this.value; this.reason;this.resolveCallbacks = []; // 當then是pending 我希望吧成功的方法都放到數組中this.rejectCallbacks = [];let resolve = (value)=>{if(this.status == 'pending'){this.status = 'fulfilled';this.value = value;this.resolveCallbacks.forEach(fn=>fn()); // 發布 }}let reject = (reason)=>{if(this.status === 'pending'){this.status = 'rejected';this.reason = reason;this.rejectCallbacks.forEach(fn=>fn())}}try{executor(resolve,reject);}catch(e){reject(e);}}then(onfulfilled,onrejected){ let promise2;promise2 = new Promise((resolve,reject)=>{if(this.status === 'fulfilled'){setTimeout(()=>{ try{let x = onfulfilled(this.value);// x是普通值還是promise 如果是普通值 直接調用promise2的resolve// 如果是promise 那應該讓x這個promise執行 x.then resolvePromise(promise2,x,resolve,reject);}catch(e){reject(e);}},0);}if(this.status === 'rejected'){setTimeout(()=>{try{let x = onrejected(this.reason);resolvePromise(promise2,x,resolve,reject);}catch(e){reject(e);}},0)}if(this.status === 'pending'){this.resolveCallbacks.push(()=>{setTimeout(()=>{try{let x = onfulfilled(this.value);resolvePromise(promise2,x,resolve,reject);}catch(e){reject(e);}},0)});this.rejectCallbacks.push(()=>{setTimeout(()=>{try{let x = onrejected(this.reason);resolvePromise(promise2,x,resolve,reject);}catch(e){reject(e);}},0)})}});return promise2} } module.exports = Promise;

?

?

https://promisesaplus.com/

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

總結

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

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