在 ES12 中，新增了一个可选的 catch finally 块，这一特性能够帮助开发者更好地优化代码。这篇文章将详细介绍这一特性，以及如何在开发中使用它来提高代码质量和可读性。
什么是可选的 catch finally 块
在 ES12 中，我们可以使用可选的 catch finally 块，它允许我们在 try catch 语句中只添加 try 和 finally 块，而不需要强制添加 catch 块。
这对于一些情况非常有帮助，比如我们使用 try catch 语句处理异步请求，不需要对错误进行处理的情况。在这种情况下，使用可选的 catch finally 块能够减少代码的冗余度和复杂度。
try {
// 异步请求
} finally {
console.log('finally 块');
}在上面的示例代码中，我们使用了一个 try finally 语句块，没有添加 catch 块，即使异步请求发生错误，代码也能够继续执行，finally 块仍然会被执行。
如何在开发中使用可选的 catch finally 块
在开发中，我们可以把可选的 catch finally 块用于一些常见的场景。
不需要对错误进行处理的异步请求
比如，在使用异步请求时，如果不需要对错误进行处理，我们就可以使用可选的 catch finally 块。
try {
const result = await fetch('https://example.com/data.json');
// 处理 result
} finally {
console.log('finally 块');
}在这个示例中，我们使用了 try finally 语句块，没有添加 catch 块，即使请求发生错误，代码也能够继续执行，finally 块仍然会被执行。
处理 try 块中可能出现的同步错误
在开发中，我们经常需要处理 try 块中可能出现的同步错误，比如访问 undefined 变量。
-- -------------------- ---- ------- --- -- --- - -------- - ----- - ------------------ ---- - ------- - -------------------- ---- -
在这个示例中，我们使用了 try catch finally 语句块，如果 x 变量未定义，代码会抛出一个同步错误。在 catch 块中我们可以处理这个错误，而在 finally 块中，则可以处理一些资源的释放等操作。
处理 try 块中可能出现的异步错误
同样地，在异步函数中，我们也经常需要处理 try 块可能出现的异步错误。
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- ------ - ----- ---------------------------------------
-- -- ------
- ----- -
------------------ ----
- ------- -
-------------------- ----
-
-在这个示例中，我们使用了 try catch finally 语句块，如果异步请求发生错误，代码会抛出一个异步错误。在 catch 块中我们可以处理这个错误，而在 finally 块中，则可以处理一些资源的释放等操作。
总结
可选的 catch finally 块是一个非常实用的特性，它允许开发者在不需要对错误进行处理的情况下，使用 try finally 语句块来处理异步请求或同步代码的错误。当需要对错误进行处理时，仍然可以使用 catch 块。在开发中使用可选的 catch finally 块，能够提高代码的可读性和质量，减少代码冗余。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a0f9c548841e9894d3ebbe