前端开发中使用 try-catch 语句是很常见的，它可以用来捕获代码中的异常情况，让代码更加健壮。在 ECMAScript 6（以下简称 ES6）中，try-catch 语句有了一些变化，本文将详细介绍这些变化以及它们的学习和指导意义。
1. catch 语句中的参数
在 ES6 之前，catch 语句中的参数只能是一个变量，该变量用于存储捕获到的错误对象。在 ES6 中，catch 语句中的参数可以是一个对象解构，这意味着我们可以选择性地只提取错误对象中的某些属性。例如：
try {
// do something that may throw an error
} catch ({ message }) {
console.error(message);
}在上面的示例中，我们只提取了错误对象的 message 属性，并直接打印该属性。使用对象解构的方式可以提高代码的可读性，同时也使得我们可以更加灵活地处理不同类型的错误。
2. finally 语句的执行时机
在 ES6 之前，try-catch-finally 语句中的 finally 语句是在 try 或 catch 语句结束后执行的。但在 ES6 中，finally 语句的执行时机有了变化。具体来说，如果 finally 语句中存在 return 语句，则该语句会先执行 finally 语句中的代码，然后再执行 try 或 catch 语句中的 return 语句。例如：
-- -------------------- ---- -------
-------- ----- -
--- -
------ --
- ------- -
-----------------------
------ --
-
-
------------------- -- -- -在上面的示例中，foo 函数中的 try 语句中使用了 return 语句，但是由于 finally 语句中也存在 return 语句，所以最终输出的结果是 2。这个变化虽然看起来比较微小，但是在一些特殊的情况下是需要注意的。
3. Promise 中的错误处理
在 Promise 中，我们通常使用 catch 语句来处理 Promise 中发生的错误。在 ES6 中，我们可以使用 Promise.prototype.finally 方法来处理 Promise 的 finally 部分，这与普通的 try-catch-finally 语句中的 finally 语句是类似的。例如：
-- -------------------- ---- -------
-----------------
-------- -- -
-- -- ---------
--
------------ -- -
-- ------ -----
--
----------- -- -
-- -- --------- ----- --- -- -----
---在上面的示例中，finally 方法中的代码会在 Promise 的 try 或 catch 部分执行完成后执行。这使得我们可以更加灵活地处理 Promise 中的异常情况。
总结
在 ES6 中，try-catch 语句对捕获异常的处理方式发生了一些变化，包括 catch 语句中的参数、finally 语句的执行时机以及 Promise 的错误处理。这些变化虽然看起来可能比较微小，但是在日常开发中经常会遇到，所以了解这些变化是非常有必要的。
在实际的开发中，我们应该充分利用这些变化，通过对象解构、finally 方法等方式来提高代码的可读性和可维护性。同时，我们也需要注意这些变化可能带来的一些陷阱，避免在错误处理中出现不必要的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64923a4f48841e989400dc4b