在前端开发中，由于异步编程的不可预知性，我们需要不断地保证代码的可读性与正确性，以避免一些奇怪的错误出现。在这个时候，需要用到 Promise API。虽然 Promise API 本身已经非常好用和方便，但仍有一些特殊的使用场景需要用到 Promise Join 的方式。
在这篇文章中，我们将为您介绍 Promise-join 的具体使用，以及如何创建 Promise Join 的解决方案。希望本文能引导您发现 Promise-join 在应用中的作用，并加深您对 Promise API 的了解。
什么是 Promise Join
在我们开始之前，我们需要明确什么是 Promise Join。Promise Join 就是将多个 Promise 组合成单一的 Promise 对象，可以一次性地等待所有 Promise 都完成之后再执行下一步操作。在大多数情况下，Promise Join 能够提高代码的可读性，并降低错误的发生率。
如何使用 Promise-join
在讲述 Promise-join 使用之前，需要先了解一个例子，假设我们有两个异步操作，分别是去获取数据，和去更新数据，我们需要这两个操作都完成后再执行某一个方法。通常来说，可以通过以下方式实现：
loadData().then(() => {
updateData().then(() => {
doSomething();
});
});但问题是，如果出现了不止两项异步操作，嵌套的层数则会变得非常高，不仅可读性较差，还容易出错。这个时候，我们就可以使用 Promise-join 的方式来处理。
在以上的例子中，使用 Promise-join 可以通过以下方式实现：
Promise.join(loadData(), updateData()).then(() => {
doSomething();
});在 Promise-join 中，可以接受任意数目的 Promise 对象，当所有 Promise 对象都返回之后，Promise-join 会返回一个数组，数组的顺序与 Promise 初始化的顺序保持一致。
对于 Promise-join 的参数，可以是用 Promise 对象或者非 Promise 对象等，Promise-join 会自动处理：
const promise = Promise.resolve('hello,');
const obj = { hello: 'world!' }
Promise.join(promise, obj).then(([result1, result2]) => {
console.log(result1 + result2.hello);
}); // 输出： hello, world!值得注意的是，Promise-join 不是 Promise API 的一部分，需要安装 npm 包 promise-join 才能正常使用。
创建 Promise-join 的解决方案
由于 Promise-join 并不是 Promise API 的一部分，我们需要自行编写代码实现，以下为一个简单的实现方法：
-- -------------------- ---- -------
-------- ----------------- -
------ --- ----------------- ------- -- -
--- ----- - ----------------
----- ------- - ---
-------------------------- ------ -- -
------------------- -- -
-------------- - -------
-- -------- --- -- -
-----------------
-
-----------------
---
---
-以上为一个简单的 Promise Join 的方法，通过输入的不同的 Promise 数组进行异步操作，并在所有操作均成功结束时返回一个包含所有返回值的数组。
结语
通过以上介绍，相信您已经了解了 Promise Join 的具体使用方法和使用场景。同时，我们也为大家提供了一个简单的解决方案，用于创建 Promise Join。希望这篇文章能够帮助您更好的使用 Promise API，在优化代码逻辑的同时增加可读性，避免代码中的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005524081e8991b448cfc83
