当开发者编写 JavaScript 代码时，难免会出现一些不完美的情况，例如类型错误、空指针引用、语法错误等等。在这种情况下，JavaScript 引擎将抛出异常，也就是所谓的错误。如果没有处理这些错误，它们会成为一个漏洞，导致应用程序崩溃或无法正常运行。因此，错误处理在 JavaScript 中非常重要。
随着技术的发展，JavaScript 的错误处理机制也在不断完善。最新的 ECMAScript 2021 引入了一些新的特性，使开发者能够更加方便地处理错误。
1. try-catch 块
在 JavaScript 中，使用 try-catch 块可以捕获和处理异常。try 块包含可能会引发异常的代码，而 catch 块则处理该异常，并提供解决方案。
例如，以下代码尝试在数组 a 中访问索引 3，这将引发一个错误：
var a = [1, 2];
try {
a[3];
}
catch (e) {
console.log("数组访问错误：" + e.message);
}输出如下：
数组访问错误：Cannot read property '3' of undefined
我们可以看到，控制台输出了有关错误的信息。由于我们使用了 try-catch 块，因此代码不会停止运行，而是继续执行下去。
2. 可选的 catch 绑定
在以前的版本中，catch 块只能通过参数 e 获得异常实例。这意味着我们需要手动从异常中提取信息。例如，以下代码尝试将字符串转换为数字：
var s = "abc";
try {
parseInt(s);
}
catch (e) {
console.log("转换错误：" + e.message);
}输出如下：
转换错误：parseInt() radix must be an integer between 2 and 36
然而，在 ECMAScript 2021 中，catch 块引入了可选的 catch 绑定语法。这使得我们可以直接从异常中提取所需的值。例如：
var s = "abc";
try {
parseInt(s);
}
catch ({ message }) {
console.log("转换错误：" + message);
}这里使用了对象解构，只提取了 message 属性。输出如下：
转换错误：parseInt() radix must be an integer between 2 and 36
可选的 catch 绑定不仅可以使代码更加简洁，而且可以减少错误处理中的重复代码。
3. 快速失败机制
在以前的版本中，错误处理往往是一个繁琐、冗长的过程。例如，如果我们要设置默认值，我们需要编写以下代码：
-- -------------------- ---- -------
-------- ------ -
--- -
- - ------------
-
----- --- -
- - ---
-
------ --
-在 ECMAScript 2021 中，我们可以使用快速失败机制来简化该过程。例如：
function foo(x) {
x = parseInt(x) ?? 10;
return x;
}这里使用了空值合并操作符（??），如果 parseInt(x) 返回 null 或 undefined，它将返回 10。
4. 最后的块
在以前的版本中，try-catch 块的 catch 块提供了异常处理的可能性。但有时候，即使没有异常，我们也需要处理某些代码。例如，我们希望在离开函数之前关闭数据库连接，无论是否有异常。
在 ECMAScript 2021 中，我们可以使用最后的块（finally）来处理这种情况。例如：
-- -------------------- ---- ------- --- - -- ------- - ----- --- - -- ---- - ------- - -- ------- -
在这里，无论 try 块是否引发异常，最后的块都执行。这确保我们能够始终清理任何资源，并在函数完成后保持一致状态。
结论
错误处理对于严谨的 JavaScript 程序设计非常重要。ECMAScript 2021 引入了一些新的特性，使错误处理更加方便。
使用 try-catch 块可以捕获和处理异常，而可选的 catch 绑定语法可以简化这一过程。使用空值合并操作符可以简化代码，并确保默认值的正确性。最后的块可以确保我们能够在处理异常时清理任何资源。
在编写 JavaScript 代码时，请务必考虑错误处理。这将有助于您构建更加可靠和健壮的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6735ace30bc820c5824fd333