在前端开发中，难免会遇到异常情况。如何在 TypeScript 中正确地捕获异常并处理，是每个开发人员都应该知道的技能。本文将介绍 TypeScript 中异常捕获的正确方式，并提供示例代码以便学习和参考。
try-catch语句
在 TypeScript 代码中，可以使用 try-catch 语句来捕获异常。下面是一个简单的示例：
try { // 执行可能抛出异常的代码 } catch (error) { // 处理异常 }
在 try 块中的代码可能会抛出异常，一旦抛出异常，就会跳转到 catch 块中。catch 块中的 error 参数表示抛出的异常，开发者可以通过 error 对象获取异常的信息。
但是，在实际开发中，只使用 try-catch 并不能完全处理异常情况。下面我们将介绍更多的异常处理方式。
Promise 中的异常捕获
Promise 是异步处理中经常使用的对象。Promise 可以通过 then 方法进行链式调用，通常情况下 then 方法的第一个参数是成功回调函数，第二个参数是失败回调函数。如下所示：
-- -------------------- ---- ------- ----- -------- ------------ ------------ - ------ --- ----------------- ------- -- - -- ---- ----- ------ - - - -- -- ------- --- -- - -------------- ------------- - ---- - --------------- --------- - --- - ----------------- ------ -- - ---------------------- ------ -- ------- -- - ---------------------- ------- - --展开代码
then 中的第一个函数表示 Promise 成功时调用的函数，第二个函数表示 Promise 失败时调用的函数。在上例代码中，如果执行成功，将输出 Success Hello TypeScript，否则将输出 Error Invalid result。
但使用 then 只能捕获 Promise 中抛出的异常，无法捕获 Promise 中 await 操作符中的异常。此时，可以将 await 操作符放置在 try-catch 语句中。示例代码如下：
-- -------------------- ---- ------- ----- -------- ------------ ------------ - -- ---- ----- ------ - - - -- -- ------- --- -- - ----- --- -------------- --------- - ------ ------ ------------ - ----- -------- ------------- - --- - ----- ---- - ----- ------------ ---------------------- ------ - ----- ------- - ---------------------- ------- - - --------------展开代码
在此示例中，fetchData 函数中的 await 操作符放置在了 try 块中。当 fetchData 函数抛出异常时，异常将被捕获并跳转到 catch 块中。这种情况下，开发者应当注意在 async 函数中使用 try-catch 语句。
更高级的异常捕获方法
除了前两种情况下的异常捕获方法，TypeScript 还提供了更高级的异常捕获方法。在 TypeScript 3.7 版本后，引入了一个新的语法: Optional Catch Binding。
Optional Catch Binding 可以让我们在 catch 块中省略 error 参数，使代码习惯更加简洁。示例代码如下所示：
-- -------------------- ---- ------- -------- ------------ --- - ----- --- -------------- ------- - --- - ------------ - ----- - -- -- --------- -展开代码
在这个示例中，我们在 catch 块中省略了 error 参数，但是代码仍然有效。这种异常捕获的方式更加简洁，尤其适合那些不需要使用 error 对象的情况。
总结
在 TypeScript 中使用 try-catch 及其他高效捕获异常的方式可以更好地处理异常情况，提高代码的健壮性和可读性。通过本文介绍的方法，读者可以更好地捕获和处理异常，使得程序更加稳定。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649ae5c548841e98947d38fe
