Promise.all等待所有Promise执行完成

简介: Promise.all等待所有Promise执行完成

代码示例

const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("func1");
  }, 1000);
});

const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("func1");
  }, 1000);
});

Promise.all([promise1, promise2]).then((ret) => {
  console.log(ret);
  // [ 'func1', 'func1' ]

  const [ret1, ret2] = ret;
  console.log(ret1, ret2);
  // func1 func1
});

参考

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all

            </div>
目录
相关文章
|
2月前
|
存储 前端开发 算法
promise.all是怎实现的?
promise.all是怎实现的?
21 0
|
23天前
|
前端开发
promise和async的区别是什么?
promise和async的区别是什么?
9 1
|
1月前
|
前端开发
async/await返回的promise被解析为undefined的可能原因
`async/await` 通常与 `Promise` 一起使用,但如果返回的 `Promise` 被解析为 `undefined`,可能有几个原因。以下是一些可能的情况和解决方法
|
3月前
|
前端开发 JavaScript API
停止在 JavaScript 中使用 Promise.all()
停止在 JavaScript 中使用 Promise.all()
37 0
|
7月前
|
前端开发 API 数据库
Promise.all API 的出错处理
Promise.all API 的出错处理
37 0
|
8月前
Promise.all和Promise.race的区别和使用
比如当数组里的P1,P2都执行完成时,页面才显示。 值得注意的是,返回的数组结果顺序不会改变,即使P2的返回要比P1的返回快,顺序依然是P1,P2 Promise.all成功返回成功数组, 失败返回失败数据,一但失败就不会继续往下走
|
8月前
|
前端开发
promise ,async/await的基础用法
promise ,async/await的基础用法
|
前端开发
前端学习案例24-promise.all和promise.race之2
前端学习案例24-promise.all和promise.race之2
59 0
前端学习案例24-promise.all和promise.race之2
|
前端开发
前端学习案例23-promise.all和promise.race
前端学习案例23-promise.all和promise.race
51 0
前端学习案例23-promise.all和promise.race
|
前端开发
前端学习案例1-promise之promise.all
前端学习案例1-promise之promise.all
52 0
前端学习案例1-promise之promise.all