Promise(3.10) 自定义(手写)Promise —— 异步修改状态then方法结果返回

234 阅读1分钟

image.png

then方法里面,改进状态为“pending”的代码

function Promise(executor){
    //resolve和reject都是函数
    
    //添加属性
    this.PromiseState = "pending";
    this.PromiseResult = null
    
    this.callacks = []
    
    const self = this;
    //resolve函数
    function resolve(data){
        if(self.PromiseState !== 'pending') return
        //(1)修改对象的状态
        //this.PromiseState //这里的this为window,因为resolve是直接调用的
        self.PromiseState = 'fulfilled'
        //(2)设置对象结果值
        self.PromiseResult = data
        self.callbacks.forEach(item => {
            item.onResolved(self.PromiseResult)
        })
        
    }
    
    //reject函数
    function reject(data){
       if(self.PromiseState !== 'pending') return
       //(1)修改对象的状态
        self.PromiseState = 'rejected'
        //(2)设置对象结果值
        self.PromiseResult = data
        if(self.callbacks.onRejected){
            self.callbacks.onRejected(self.PromiseResult)
        }
        self.callbacks.forEach(item => {
            item.onRejected(self.PromiseResult)
        })
    }
    
    //同步调用执行器函数
    try {
        executor(resolve,reject)
    }catch(e){
        reject(e)
    }
    
}

//添加then方法
Promise.prototype.then = function(onResolved,onRejected){
const self = this
    return new Promise((resolve,reject) => {
        if(this.PromiseState == 'fulfilled'){
           try{
                //onResolved(this.PromiseResult)
                let result = onResolved(this.PromiseResult)
                //判断result是否为一个promise对象
                if(result instanceod Promise){
                    //如果是 Promise类型的对象
                    result.then(v => {
                        resolve(v)
                    })
                }else{
                    //结果的对象状态为成功
                    resolve(result)
                }
           }catch(e){
               reject(e)
           }
        }
        if(this.PromiseState == 'rejected'){
            onRejected(this.PromiseResult)
        }

        //判断pending状态
        if(this.PromiseState == 'pending'){
           //保存回调函数,以便于在状态改变时,调用
           this.callacks.push({
               onResolved:function(){
                   try{
                       //指定成功的回调函数
                       let result = onResolved(self.PromiseResult)
                       if(result instanceod Promise){
                        //如果是 Promise类型的对象
                            result.then(v => {
                                resolve(v)
                            },r => {
                                reject(r)
                            })
                        }else{
                            //结果的对象状态为成功
                            resolve(result)
                        }
                     }catch(e){
                           reject(e)
                     }
               },
               onRejected:function(){
                   try{
                       let result = onRejected(self.PromiseResult)
                       if(result instanceod Promise){
                        //如果是 Promise类型的对象
                            result.then(v => {
                                resolve(v)
                            },r => {
                                reject(r)
                            })
                        }else{
                            //结果的对象状态为成功
                            resolve(result)
                        }
                   }catch(e){
                       reject(e)
                   }
               },
           })
        }
    })
}