在前端开发中，我们经常会遇到需要处理多个错误的场景。通常的处理方式是对错误进行逐个处理，这种方式不仅费时费力，而且容易出错。幸运的是，在 ECMAScript 2021 中，新增了一个叫做 AggregateError 的错误类型，它可以帮助我们更加优雅地处理多个错误。
什么是 AggregateError
AggregateError 是 ECMAScript 2021 新增的一个错误类型，它可以用来处理多个错误。这个错误类型的定义如下：
class AggregateError extends Error {
constructor(errors, message) {
super(message);
this.errors = errors;
}
}通过这个定义可以看出，AggregateError 本质上是一个继承自 Error 的类，它的构造函数接收两个参数：errors 和 message。其中，errors 是一个数组类型，用来存放多个错误。
如何使用 AggregateError
在实际的开发中，我们需要先把抛错的错误收集起来，然后交给 AggregateError 的构造函数。下面是一个示例代码：
-- -------------------- ---- -------
-------- -------------- -
------ ----------
------------ -- -
----- --- ------------ ------- -------------------
--
-------------- -- -
-- -------------- -
----- --- --------------- --- --- ---------------------
-
------ ----------------
--
------------ -- -
----- --- -------------- ------- -------------------
---
-
----- -------- ---------- -
----- ---- - -------------- ------------- --------------
----- -------- - ------------ -- ----------------
--- -
----- ----------------------
- ----- -------- -
----- --- ---------------------- ----- ---- ---------
-
-
----------
------------ -- -
---------------------
---上面的示例代码中，首先定义了一个 fetchData 函数，用于获取数据。这个函数可能会抛出多个错误，例如网络错误、响应错误和解析错误。因此，在每个错误发生的地方，都会抛出一个 Error 实例。
接着，定义了一个 loadData 函数，它会同时并发请求多个数据，并收集所有的错误。使用 Promise.all 把所有的数据请求放在一个数组中，如果其中有一个或多个请求失败，则抛出一个 AggregateError 错误。
最后，在 catch 语句中，可以通过错误的类型判断具体是哪一种错误，以便进行相应的处理。
AggregateError 的优点
使用 AggregateError 处理多个错误的方式相对于逐个处理错误而言，具有以下几个优点：
可以更加清晰地了解所有错误的情况。使用 AggregateError，所有的错误都被封装在一个集合中，可以方便地管理和传递这些错误。
可以避免因处理错误而导致的错误。当我们逐个处理错误时，很容易出现在处理错误的过程中，又出现了新的错误。使用 AggregateError，可以避免这种情况的发生。
可以减少代码量。使用 AggregateError，可以把多个错误的处理逻辑合并到一个地方，不需要在多个地方重复编写错误处理代码。
总结
在 ECMAScript 2021 中，AggregateError 是一个非常有用的错误类型，它可以帮助我们更加优雅地处理多个错误。当我们需要处理多个错误时，可以考虑使用 AggregateError，这样可以让我们的代码更加清晰、简洁、错误处理更加健壮。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a6992248841e989433ee16