使用class封装Promise

JS(ES6)实现Promise(resolve,reject,catch,then,all)

const isFunction = variable => typeof variable === 'function'
const PENDING = 'PENDING'
const FULFILLED = 'FULFILLED'
const REJECTED = 'REJECTED'
class myPromise {
    constructor(handle) {
        if (!isFunction(handle)) {
            return new Error('参数必须为函数')
        }
        this._status = PENDING
        this._value = null
        this.fulfilledQueen = []
        this.rejectedQueen = []
        handle(this._resolve.bind(this), this._reject.bind(this))
    }
    // 添加resovle时执行的函数
    _resolve(val) {
        if (this._status !== PENDING) return
        this._status = FULFILLED
        this._value = val
    }
    // 添加reject时执行的函数
    _reject(err) {
        if (this._status !== PENDING) return
        this._status = REJECTED
        this._value = err
    }
    // then方法
    _then(onFulfilled, onReject) {
        let { _status, _value } = this
        switch (_status) {
            case PENDING:
                this.fulfilledQueen.push(onFulfilled)
                this.fulfilledQueen.push(onReject)
                break
            case FULFILLED:
                onFulfilled(_value)
                break
            case FULFILLED:
                onReject(_value)
                break
        }
        return new myPromise((onFulfillednext, onRejectnext) => { })
    }
    // catch方法
    _catch(onReject) {
        return this._then(undefined, onReject)
    }
    // all方法
    static _all(list) {
        return new myPromise((resolve, reject) => {
            let _value = []
            let num = 0
            for (let [i, p] of list.entries()) {
                this.resolve(p).then(res => {
                    _value[i] = res
                    num++
                    if (num === list.length) resolve(values)
                }, err => { reject(err) })
            }
        })
    }
}

在这里插入图片描述
太恶心了。。。。。。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue2中,使用axios封装Promise.all的步骤如下: 首先,可以封装一个Promise函数,该函数接受三个参数jsonData、config和index,通过返回一个新的Promise对象,可以用来处理上传请求。在该Promise对象中,使用axios进行上传请求,并通过then方法处理请求成功的情况,如果返回码为0,则将返回的数据传递到下一个Promise中。如果请求失败,则使用catch方法将错误信息和配置项传递给下一个Promise。 第二步,使用async和await再次封装Promise函数,并返回该Promise的值。通过在该函数中调用上一步封装Promise函数,并使用await关键字等待该Promise的结果,然后返回结果。 第四步,使用Promise.all获取所有方法正常执行后的结果集。在该步骤中,可以将封装好的Promise函数放入一个数组中,然后使用Promise.all方法来执行这些Promise函数,并使用then方法处理正常执行后的结果集。如果有任何一个Promise函数出现异常,则使用catch方法来处理异常情况。 综上所述,以上是使用axios封装Promise.all的步骤。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue中循环遍历axios问题,使用promise.all解决,promise.all异常解决](https://blog.csdn.net/Uookic/article/details/118409301)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值