js用map处理批量异步方法

最新推荐文章于 2024-04-21 17:10:00 发布

Sam young

最新推荐文章于 2024-04-21 17:10:00 发布

阅读量480

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/young_sam/article/details/130706775

版权

该代码示例展示了如何使用JavaScript的async函数和Promise.all处理异步操作。它创建了一个包含数组映射结果的promise列表，每个结果是asyncFunction的两倍。Promise.all等待所有promise完成并返回一个包含所有结果的数组，最后打印出[2,4,6,8,10]。

摘要由CSDN通过智能技术生成

const arr = [1, 2, 3, 4, 5];

async function asyncFunction(num) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(num * 2);
    }, 1000);
  });
}

const promiseList = arr.map(async (num) => {
  return await asyncFunction(num);
});

Promise.all(promiseList ).then((results) => {
  console.log(results); // [2, 4, 6, 8, 10]
});