10 个 Ajax 同时发起请求，全部返回展示结果，并且至多允许三次失败

[TieMuZhen]

10 个 Ajax 同时发起请求，全部返回展示结果，并且至多允许三次失败，说出设计思路

这个问题相信很多人会第一时间想到Promise.all，但是这个函数有一个局限在于如果失败一次就返回了，直接这样实现会有点问题，需要变通下。以下是不完整代码，着重于思路，有两种实现思路

// 非 Promise 写法
let successCount = 0
let errorCount = 0
let datas = []
ajax(url, (res) => {
    if (success) {
        success++
        if (success + errorCount === 10) {
            console.log(datas)
        } else {
            datas.push(res.data)
        }
    } else {
        errorCount++
        if (errorCount > 3) {
            // 失败次数大于3次就应该报错了
            throw Error('失败三次')
        }
    }
})

// Promise 写法
let errorCount = 0
let p = new Promise((resolve, reject) => {
    if (success) {
        resolve(res.data)
    } else {
        errorCount++
        if (errorCount > 3) {
            // 失败次数大于3次就应该报错了
            reject(error)
        } else {
            resolve(error)
        }
    }
})
Promise.all([p]).then(v => {
    console.log(v);
});

参考文章

• 几道高级前端面试题解析