前端开发中经常会遇到并发请求多个接口的场景，在某些情况下，我们需要同时发起多个请求，并且在所有请求都完成后才能进一步处理数据。在这种情况下，我们通常会使用 Promise.all() 方法。然而，在某些特定情况下，Promise.all() 会存在安全问题。为了解决这个问题，ES10 中新增了 Promise.allSettled() 方法，本文将介绍如何利用该方法来解决在应用程序中的安全问题。
Promise.all() 的安全问题
在使用 Promise.all() 方法时，如果其中一个 promise 被 reject，Promise.all() 将会终止并返回相应的错误信息。这意味着，在并发请求的情况下，如果有一个请求失败了，我们就无法获取其他请求的结果。此外，当我们同时处理多个请求时，如果其中一个请求被攻击者恶意篡改了返回结果，整个应用的数据安全性都会受到威胁。
Promise.allSettled() 的解决方案
与 Promise.all() 不同，Promise.allSettled() 方法将在所有 promise 都完成时返回一个数组，其中包含每个 promise 的状态信息（无论是 resolved 还是 rejected）。这意味着即使其中一个 promise 失败了，我们仍然可以获取其他请求的结果。此外，由于复杂应用程序可能会面临网络攻击和数据篡改的风险，Promise.allSettled() 可以减轻这些风险。
下面是一个简单的示例，演示了如何使用 Promise.allSettled() 方法：
-- -------------------- ---- -------
----- -------- - -------------------
----- -------- - -------------------
----- -------- - --- ----------------- ------- --
------------- -- ---------- --------------- -----
--
----------------------------- --------- ----------
------------- -- -
----- ------------------ - ---------------- -- -------- --- -------------
------------------------------------ -- ---------- -- --- --
----- -------------- - ---------------- -- -------- --- ------------
-------------------------------- -- ----------- -- ------- -----
---在这个示例中，我们创建了三个 promise：promise1 和 promise2 都是 resolved 的，而 promise3 是 1 秒后才 resolve 的，因此会超时被 reject。然后我们使用 Promise.allSettled() 对这三个 promise 进行了并发请求，最终会得到一个 Promise 状态数组，其中包含所有 Promise 的状态信息。在这个示例中，由于 promise3 被 reject 了，最终的 Promise 数组中将包含一个 Promise 的状态对象，其状态为 'rejected'，并且原因是 '请求超时'。
总结
在开发前端应用程序时，处理并发请求是一项常见的任务。Promise.all() 是经常使用的方法之一，但是它会面临安全问题，如果并发请求中有一个失败或被攻击者篡改，整个应用程序的数据安全性都将受到威胁。ES10 中新增了 Promise.allSettled() 方法来解决这个问题。该方法将在所有 Promise 都完成时返回一个数组，其中包含每个 Promise 的状态信息，而不管其是否成功。这使得我们可以更好地控制我们的应用程序，避免失败的 Promise 对我们的数据安全性产生风险。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65013e8c95b1f8cacdf04bc9