微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

手写Promise (2)实现then方法

class MyPromise {
    constructor(executor) {
        this.state = 'pending';
        this.value = null;
        try {
              executor(this.resolve.bind(this),this.reject.bind(this));
        } catch(error) {
            this.reject(error)
        }
    }
    resolve(value) {
        if(this.state === 'pending') {
            this.state = 'fulfilled';
            this.value = value;
        }
        
    }
    reject(value) {
        if(this.state = 'pending') {
            this.state = 'rejected';
            this.value = value;
        }
    }

    then(onFulfilled,onRejected) {
        // 解决参数未传入函数的情况
        if(typeof onFulfilled !== 'function') {
            onFulfilled = value => value;
        }
        if(typeof onRejected !== 'function') {
            onRejected = value => value;
        }
        if(this.state === 'fulfilled') {
            // 使代码异步执行
             setTimeout(() => {
                try {
                    onFulfilled(this.value)
                }catch(error) {
                    this.reject(error)
                }
             });
            
        }
        if(this.state === 'rejected') {
            setTimeout(() => {
                try {
                    onRejected(this.value)
                }catch(error) {
                    this.reject(error)
                }
            });
        }
    }
}

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐