手写promise实现原理

手写promise实现原理Promise是JavaScript中一个非常重要的概念，它解决了回调地狱和异步操作的问题。下面将介绍Promise的实现原理，并提供参考内容。

Promise的实现原理：

1.Promise有三种状态：Pending（进行中）、Fulfilled（已成功）和Rejected（已失败）。

2.Promise有两个重要的方法：then()和catch()。then()方法用于处理Promise成功的情况，catch()方法用于处理Promise失败的情况。

3.Promise可以通过resolve()方法将Promise状态从Pending改为Fulfilled，并将结果传递给then()方法。Promise也可以通过reject()方法将Promise状态从Pending改为Rejected，并将错误传递给catch()方法。

4.Promise可以链式调用，通过返回新的Promise实例实现。then()方法返回新的Promise实例，catch()方法也返回新的Promise实例。

基于上述原理，可以手动实现一个简单的Promise类：

```javascript

classMyPromise{

constructor(executor){

this.status='pending';//默认状态为Pending

this.value=undefined;//成功的值

this.reason=undefined;//失败的原因

this.onResolvedCallbacks=[];//存储then()方法的回调函数

this.onRejectedCallbacks=[];//存储catch()方法的回调函数

constresolve=(value)=>{

if(this.status==='pending'){

this.status='fulfilled';

this.value=value;

this.onResolvedCallbacks.forEach(fn=>fn());

}

};

constreject=(reason)=>{

if(this.status==='pending'){

this.status='rejected';

this.reason=reason;

this.onRejectedCallbacks.forEach(fn=>fn());

}

};

try{

executor(resolve,reject);//执行executor函数，传入resolve和reject方法

}catch(error){

reject(error);//错误时调用reject方法

}

}

then(onFulfilled,onRejected){

//处理不传then()方法的参数，默认为值的传递

onFulfilled=typeofonFulfilled==='function'?onFulfilled:value=>value;

onRejected=typeofonRejected==='function'?onRejected:error=>{throwerror};

constpromise2=newMyPromise((resolve,reject)=>{

if(this.status==='fulfilled'){

setTimeout(()=>{

try{

constx=onFulfilled(this.value);

resolvePromise(promise2,x,resolve,reject);

}catch(error){

reject(error);

}

},0);

}

if(this.status==='rejected'){

setTimeout(()=>{

try{

constx=onRejected(this.reason);

resolvePromise(promise2,x,resolve,reject);

}catch(error){

reject(error);

}

},0);

}

if(this.status==='pending'){

this.onResolvedCallbacks.push(()=>{

setTimeout(()=>{

try{

constx=onFulfilled(this.value);

resolvePromise(promise2,x,resolve,reject);

}catch(error){

reject(error);

}

},0);

});

this.onRejectedCallbacks.push(()=>{

setTimeout(()=>{

try{

constx=onRejected(this.reason);

resolvePromise(promise2,x,resolve,reject);

}catch(error){

reject(error);

}

},0);

});

}

});

returnpromise2;

}

catch(onRejected){

returnthis.then(null,onRejected);

}

}

functionresolvePromise(promise2,x,resolve,reject){

if(promise2===x){//如果新的Promise和x是同一个对象，会造成循环引用，抛出TypeError

reject(newTypeError('Chainingcycledetectedforpromise'));

}

if(xins