js-进阶篇-手写promise核心代码

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核心的代码,通过网上学习和自己的理解进行的逻辑编写,会有不太充分的地方,希望大佬们帮我纠错,谢谢!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值