手写promise源码

function myPromise(executer) {
    let self = this
    self.status = 'pending'
    self.value = undefined;
    self.reason = undefined;
    self.resolveCallBack = [];
    self.rejectCallBack = [];
    function resolve(value) {
        self.status = 'fulfilled'
        self.value = value;
        self.resolveCallBack.forEach(fn => fn())
    }
    function reject(reason) {
        self.status = 'rejected'
        self.reason = reason;
        self.rejectCallBack.forEach(fn => fn())
    }
    try {
        executer(resolve, reject);
    } catch (error) {
        reject(error)
    }

}

function resolvePromise(promise2, x, resolve, reject) {
    if (promise2 === x) {
        return reject(new TypeError('循环引用了'))
    }
    let called;//表示当前有没有被调用过
    if ((x != null && typeof x == 'object') || typeof x == 'function') {
        try {
            let then = x.then;
            if (typeof then === 'function') { //已经非常确定x是一个Promise了
                then.call(x, (y) => {// y有可能还是一个promise

                    if (called) return;
                    called = true;

                    resolvePromise(promise2, y, resolve, reject)
                }, (r) => {
                    if (called) return;
                    called = true;
                    reject(r)
                })
            } else {//普通对象
                resolve(x);
            }
        } catch (error) {
            if (called) return;
            called = true;
            reject(error)
        }
    } else {
        resolve(x);
    }
}

myPromise.prototype.then = function (onResolve, onReject) {
    onResolve = typeof onResolve === 'function' ? onResolve : data => data;
    onReject = typeof onReject === 'function' ? onReject : err => { throw err }
    let self = this;
    let promise2 = new myPromise((resolve, reject) => {
        if (self.status == 'fulfilled') {
            setTimeout(function () {
                try {
                    let x = onResolve(self.value);
                    resolvePromise(promise2, x, resolve, reject)
                } catch (error) {
                    reject(error)
                }
            }, 0)
        } else if (self.status == 'rejected') {
            setTimeout(function () {
                try {
                    let x = onReject(self.reason);
                    resolvePromise(promise2, x, resolve, reject)
                } catch (error) {
                    reject(error)
                }
            }, 0)

        } else if (self.status == 'pending') {
            self.resolveCallBack.push(function () {
                setTimeout(function () {
                    try {
                        let x = onResolve(self.value)
                        resolvePromise(promise2, x, resolve, reject)
                    } catch (error) {
                        reject(error)
                    }
                }, 0)
            })
            self.rejectCallBack.push(function () {
                setTimeout(function () {
                    try {
                        let x = onReject(self.reason)
                        resolvePromise(promise2, x, resolve, reject)
                    } catch (error) {
                        reject(error)
                    }
                }, 0)
            })
        }
    })
    return promise2;

}
//实现一个promise的延迟对象
myPromise.defer = myPromise.deferred = function () {
    let dfd = {};
    dfd.promise = new myPromise((resolve, reject) => {
        dfd.resolve = resolve;
        dfd.reject = reject;
    })
    return dfd;
}
module.exports = myPromise;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

china-yun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值