Promise手写

const PENDING = 'pending'
const FULFILLED = 'fulfilled'
const REJECTED = 'rejected'
class MyPromise {
    constructor(executor) {
        try {
            executor(this.resolve, this.reject)
        } catch (error) {
            this.reject(error)
        }
    }
    status = PENDING
    value = null
    reason = null
    successCallback = []
    failCallback = []
    resolve = (value) => {
        if (this.status === PENDING) {
            this.status = FULFILLED
            this.value = value
            this.successCallback.forEach(fn => fn())
        }
    }
    reject = (reason) => {
        if (this.status === PENDING) {
            this.status = REJECTED
            this.reason = reason
            this.failCallback.forEach(fn => fn())
        }
    }
    then(onFulfilled, onRejected) {
        onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : (value => value)
        onRejected = typeof onRejected === 'function' ? onRejected : (err => { throw err })
        let p = new MyPromise((resolve, reject) => {
            const resolveMyPromise = (callback, result) => {
                queueMicrotask(() => {
                    try {
                        const x = callback(result)
                        if (x === p) {
                            throw new TypeError('Chaining cycle detected for promise #<Promise>')                                   
                        } else if (x instanceof MyPromise) {
                            x.then(resolve, reject)
                        } else {
                            resolve(x)
                        }
                    } catch (error) {
                        reject(error)
                        throw new TypeError(error)
                    }
                })
            }
            if (this.status === FULFILLED) {
                resolveMyPromise(onFulfilled, this.value)
            } else if (this.status === REJECTED) {
                resolveMyPromise(onRejected, this.reason)
            } else {
                this.successCallback.push(() => {
                    resolveMyPromise(onFulfilled, this.value)
                })
                this.failCallback.push(() => {
                    resolveMyPromise(onRejected, this.reason)
                })
            }
        })
        return p
    }
    catch(failCallback) {
        return this.then(undefined, failCallback)
    }
    static all(promises){
        return new MyPromise((resolve,reject)=>{
            let arr=[]
            let count=0
            function addArr(value,index){
                arr[index]=value
                count++
                if(count==promises.length){
                    resolve(arr)
                }
            }
            promises.forEach((promise,index)=>{
                if(promise instanceof MyPromise){
                    promise.then(res=>{
                        addArr(res,index)
                    },err=>{
                        reject(err)
                    })
                }else{
                    addArr(promise,index)
                }
            })
        })
    }
    static any(promises){
        return new MyPromise((resolve,reject)=>{
            let count=0
            promises.forEach(promise=>{
                if(promise instanceof MyPromise){
                    promise.then(res=>{
                        resolve(res)
                    },err=>{
                        count++
                        if(count==promises.length){
                            reject('all reject')
                        }
                    })
                }else{
                    resolve(promise)
                }
            })
        })
    }
    static race(promises){
        return new MyPromise((resolve,reject)=>{
            promises.forEach(promise=>{
                if(promise instanceof MyPromise){
                    promise.then(res=>{
                        resolve(res)
                    },err=>{
                        reject(err)
                    })
                }else{
                    resolve(promise)
                }
            })
        })
    }
}

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值