class WritePromise{
static PENGING = '待定';static FULFILED = '成功';static REJECTED = '拒绝';
constructor(func){
this.status = WritePromise.PENGING;
this.result = null;
this.resultArr = [];
this.rejectArr = [];
try{
func(this.resolve.bind(this),this.reject.bind(this))
}catch(err){
this.reject(err)
}
}
resolve(result){
setTimeout(()=>{
if(this.status === WritePromise.PENGING){
this.status = WritePromise.FULFILED;
this.result = result;
if(this.resultArr == null){}else{
this.resultArr.forEach(callback => {
callback(result);
});
}
}
})
}
reject(result){
setTimeout(()=>{
if(this.status === WritePromise.PENGING){
this.status = WritePromise.REJECTED;
this.result = result;
if(this.rejectArr == null){
}else{
this.rejectArr.forEach(callback => {
callback(result);
});
}
}
})
}
then(onFulfiled,onRejected){
return new WritePromise((result,reject) => {
typeof(onFulfiled) === 'function' ? onFulfiled : ()=>{};
typeof(onRejected) === 'function' ? onRejected : ()=>{};
if(this.status === WritePromise.PENGING){
this.resultArr.push(onFulfiled);
this.rejectArr.push(onRejected);
}
if(this.status == WritePromise.FULFILED){
setTimeout(()=>{
onFulfiled(this.result)
})
}
if(this.status == WritePromise.REJECTED){
setTimeout(()=>{
onRejected(this.result)
})
}
})
}
}
var commot = new WritePromise((resolve,reject)=>{
console.log("第一步");
setTimeout(()=>{
resolve("成功");
// reject("失败");
console.log("第二步");
})
});
commot.then(res => {
console.log(res);
})
console.log('第三步');
// 输出
第一步
第三步
第二步
成功
总结
这是手写promise核心的代码,通过网上学习和自己的理解进行的逻辑编写,会有不太充分的地方,希望大佬们帮我纠错,谢谢!