在日常的前端开发中，我们经常需要捕获多个错误。使用多个 Error 对象并不方便，也不美观，因此 ECMAScript 2021 引入了 Aggregate Error。
Aggregate Error 将多个 Error 对象合并成一个单独的错误对象，方便处理和输出。这个特性使得代码更加简洁可读，也方便开发者在调试时快速定位问题。
Aggregate Error 的使用
在使用 Aggregate Error 之前，我们首先需要创建多个 Error 对象。例如，我们在访问一个 API 接口时可能会遇到多个错误，如网络错误、格式不正确等等。
const networkError = new Error('网络不可达');
const formatError = new Error('数据格式不正确');接下来，我们需要将这些 Error 对象合并成一个 Aggregate Error 对象。
const aggregateError = new AggregateError([networkError, formatError], '获取数据失败');
在这段代码中，我们通过传入一个 Error 对象数组和一个描述信息来创建 Aggregate Error 对象。描述信息可以帮助我们更好地了解 Aggregate Error 对象。
Aggregate Error 对象可以像普通的 Error 对象一样嵌套输出错误信息。
-- -------------------- ---- -------
--- -
-- ---- ---- ----
- ----- ------- -
-- ------ ---------- --------------- -
-----------------------------
--- ------ --- -- ------------- -
---------------------------
-
- ---- -
-----------------------------
-
-示例代码
下面是一个使用 Aggregate Error 的示例代码，该代码演示了如何使用 Aggregate Error 来捕获多个错误并将其合并为一个单独的错误。
-- -------------------- ---- -------
-------- ------------------ -
----- ------ - ---
-- ------------ -
--------------- -----------------
-
-- ------- -------- --- --------- -
--------------- ------------------
-
-- -------------- - -- -
----- --- ---------------------- ----------
-
-
--- -
-------------- ----- --- ---- ------- ---
- ----- ------- -
-- ------ ---------- --------------- -
-----------------------------
--- ------ --- -- ------------- -
---------------------------
-
- ---- -
-----------------------------
-
-在上面的示例代码中，我们首先定义了一个用于验证数据的函数 validateData，该函数会根据数据的不同属性是否合法来生成多个 Error 对象。
接着，在 try-catch 块中，我们调用 validateData 方法并捕获可能抛出的 Aggregate Error 对象。如果捕获到了 Aggregate Error 对象，我们可以借助代码展示错误信息的方式来帮助我们更快速地排查错误。如果没有捕获到 Aggregate Error 对象，则会直接抛出普通的 Error 对象。
总结
Aggregate Error 是 ECMAScript 2021 中新增的一项特性，可以将多个 Error 对象合并成一个单独的错误对象，方便处理和输出。使用它可以使代码更加简洁可读，也更方便开发者在调试时快速定位问题。希望本文能给大家带来一些帮助，帮助大家更加熟悉 Aggregate Error 的使用方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64eb8f71f6b2d6eab361039b