ES10 中的 finally，你真正了解吗？
在 JavaScript 中，try-catch-finally 是异常处理的基础。try 语句块中的代码是尝试执行的，catch 语句块用来处理异常，而 finally 语句块则用于在 try-catch 结构执行完毕之后执行一些必要的清理工作。在 ES10 中，finally 语句块有了一些新的特性，让我们来了解一下。
- finally 语句块的执行时机
finally 语句块的执行时机是在 try-catch 结构执行完之后，无论是否抛出异常都会执行。这意味着，在 finally 语句块中可以执行一些必要的清理工作，例如释放资源。
下面是一个简单的示例：
try {
// 可能会抛出异常的代码
} catch (e) {
// 处理异常
} finally {
// 执行必要的清理工作
}无论 try-catch 结构是否抛出异常，finally 语句块中的代码都会被执行。
- finally 语句块的返回值
在 ES10 中，finally 语句块可以返回一个值。如果 finally 语句块中有 return 语句，那么这个返回值会覆盖 try-catch 结构中的返回值。
下面是一个示例：
-- -------------------- ---- -------
-------- ------ -
--- -
------ --
- ----- --- -
------ --
- ------- -
------ --
-
-
-------------------- -- -- -在这个示例中，try-catch 结构中的返回值是 1，但是在 finally 语句块中返回了 3，因此最终的返回值是 3。
- finally 语句块的异步执行
在 ES10 中，finally 语句块可以异步执行。如果 finally 语句块中包含异步操作，那么这些异步操作会在 try-catch 结构执行完毕之后执行。
下面是一个示例：
-- -------------------- ---- -------
----- -------- ------ -
--- -
-- ----------
- ----- --- -
-- ----
- ------- -
------------- -- -
-----------------------
-- ---
-
-
-------
-------------------在这个示例中，setTimeout 中的代码会在 try-catch 结构执行完毕之后执行，因此 'finally' 的输出会在 'end' 之后。
总结
ES10 中的 finally 语句块有了一些新的特性，例如可以返回值和异步执行。在编写 JavaScript 代码时，我们应该充分利用 finally 语句块来执行一些必要的清理工作，以确保代码的可靠性和稳定性。同时，我们还需要注意 finally 语句块的执行时机和返回值，以避免出现一些意外的结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66010bb9d10417a222c34994