前端手撕代码——手撕promise其他方法

这篇文章详细介绍了Promise对象的几个扩展方法,包括Promise.prototype._resolve、_reject、_all、_race、_catch和_finally。这些方法分别用于处理数据解析、错误处理、并行执行、竞争条件和异常捕获等异步操作。通过对每个方法的实现逻辑的阐述,帮助读者深入理解Promise的工作机制。
摘要由CSDN通过智能技术生成
Promise.prototype._resolve = function(data){
    if(data instanceof Promise){
        return data;
    }

    if(data.then){
        return new Promise((resolve, reject) => {
            data.then(resolve, reject);
        })
    }

    return new Promise(resolve => {
        resolve(data);
    })
}

Promise.prototype._reject = function(err){
    return new Promise((_, reject) => {
        reject(err);
    })
}


Promise.prototype._all = function (promises) {
    return new Promise((resolve, reject) => {
        let count = promises.length
        let result = []
        // 遍历 promises,如果成功,count--,将成功值存入数组,如果失败直接 reject,当计数器为0时,resolve结果
        promises.forEach((promise, index) => {
            Promise.resolve(promise).then(res => {
                --count
                // 每个 promise 的结果放在其对应位置上
                result[index] = res
                if (count === 0) {
                    resolve(result)
                }
            }).catch(err => {
                reject(err)
            })
        })
    })
}

// race 采用第一个执行完的promise的结果,其他还是会执行,但是不纪录结果
Promise.prototype._race = function (promises) {
    return new Promise((resolve, reject) => {
    //  直接遍历 promises,有成功或失败都立即返回
        promises.forEach((promise) => {
            // 此处借用 Promise.resolve 将传入的每一个都 promise化,使其拥有 .then 方法
            Promise.resolve(promise).then(
                res => {resolve(res)},
                err => {reject(err)}
            );
        })
    })
}

// catch是不过reject回调,相当于不给then传入成功的回调函数
Promise.prototype._catch = function (onRejected) {
    return  this.then(null, onRejected)
};

// finally 执行结束返回的是FULFILLED状态的promise  
Promise.prototype._finally = function (callback) {
    // 这里resolve的实际上是callback()方法执行的返回值
    return this.then(
      value  => Promise.resolve(callback()).then(() => value),
      reason => Promise.resolve(callback()).then(() => { throw reason })
    );
};

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值