Promise.all() 是 JavaScript 中非常有用的一个方法，该方法可以接受一个由 Promise 对象组成的数组作为参数，并返回一个新的 Promise 对象，该对象在数组中的所有 Promise 对象都成功 resolved 时才会被 resolved，如果有任何一个 Promise 对象被 rejected，新的 Promise 对象将立即被 rejected。
ES9（即 ECMAScript 2018）是 JavaScript 的最新标准之一，Promise.all() 在 ES9 中进行了一些更新，下面将详细讲解这些更新内容并提供一些示例代码。
1. 对于空数组的处理
在 ES9 中，当 Promise.all() 参数中的数组为空时，该方法返回一个立即 resolved 的 Promise 对象。
示例代码：
const emptyArr = [];
Promise.all(emptyArr).then(() => console.log('empty array resolved'));2. 取回所有 Promise 状态信息
在 ES9 中，Promise.all() 返回一个新对象，该对象包含原始 Promise 数组中所有 Promise 对象的状态信息。
示例代码：
const promiseOne = new Promise(resolve => setTimeout(resolve, 1000)); const promiseTwo = new Promise((resolve, reject) => setTimeout(reject, 500)); Promise.all([promiseOne, promiseTwo]).then(results => console.log(results));
输出结果：
[{status: "fulfilled", value: undefined}, {status: "rejected", reason: undefined}]
{status: "fulfilled", value: undefined} 表示 promiseOne 已经 resolved，而 {status: "rejected", reason: undefined} 表示 promiseTwo 被 rejected。通过这些状态信息，我们可以更好地理解每个 Promise 对象的状态。
3. 可中断 Promise.all()
在 ES9 中，我们可以使用 AbortController 来中断 Promise.all()。
示例代码：
const controller = new AbortController();
const signal = controller.signal;
const promiseOne = new Promise(resolve => setTimeout(resolve, 1000));
const promiseTwo = new Promise((resolve, reject) => setTimeout(reject, 2000));
Promise.all([promiseOne, promiseTwo], { signal }).then(results => console.log(results)).catch(err => console.log('Promise.all() 中断！'));
setTimeout(() => controller.abort(), 1500);在上面的代码中，我们使用 AbortController 来创建一个 signal，然后将它作为 Promise.all() 的第二个参数传入。在 setTimeout() 中，我们设置了一个定时器来在 1.5 秒后中断 signal，即中断 Promise.all()。此时，Promise.all() 调用被抛出异常并 rejeted，我们可以通过 .catch() 方法来捕获异常。
4. 总结
在 ES9 中，我们可以更方便地使用 Promise.all()，特别是通过状态信息，我们能够更好地理解整个 Promise.all() 过程中 Promise 对象的状态，同时也可以方便地中断 Promise.all() 调用。
希望本文对您对 Promise.all() 有更深的认识和理解，同时也希望您能够在日常的工作中灵活使用 Promise.all()，提高开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c33ce183d39b48817360c3