模拟 Promise.all() 的效果

最新推荐文章于 2025-06-11 19:32:26 发布

一起蹦极某囖

最新推荐文章于 2025-06-11 19:32:26 发布

阅读量414

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript web前端文章标签： promise

本文链接：https://blog.youkuaiyun.com/qq_36356218/article/details/97374498

web前端同时被 2 个专栏收录

20 篇文章

订阅专栏

javascript

12 篇文章

订阅专栏

本文介绍如何使用ES3语法模拟Promise.all()的功能，通过异步函数和计数器实现并发请求并确保按顺序处理结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用es3 语法模拟 Promise.all() 的效果

// 模拟异步函数
var asyncFunc = function (aa, time, cb) {
  setTimeout(() => {
    const data = aa
    cb(aa, data)
  }, time)
}

// 结果集
var resultArr = []

// 所有异步函数执行后的最终处理函数
var finalFunc = function () {
  console.log('结束')
  console.log(resultArr)
}
// 计数器
var num = 0

// for循环模拟发送多个请求
for (var i = 0; i < 3; i++) {
  var time = Math.random() * 1000
  asyncFunc(i, time, function (index, data) {
    // 按顺序插入结果集
    resultArr[index] = data
    num++
    // 所有异步函数执行完毕执行
    if (num === 3) {
      finalFunc()
    }
  })
}