JS try…catch 用法详解|极客笔记

JS try…catch 用法详解

JS try...catch 用法详解

在 JavaScript 中，try 和 catch 是一对关键字，用于处理异常。try 用于包裹可能发生异常的代码块，catch 用于捕获并处理这些异常。在本文中，我们将详细介绍 try…catch 的用法。

try…catch 语法

try…catch 语法如下：

try {
  // 可能会发生异常的代码块
} catch (error) {
  // 处理异常的代码块
}

在 try 代码块中编写可能会发生异常的代码，如果发生异常，则会跳转到 catch 代码块中处理异常。catch 代码块中的 error 参数用于接收抛出的异常对象。

抛出异常

在 JavaScript 中，我们可以使用 throw 关键字手动抛出异常。

try {
  throw '手动抛出异常';
} catch (error) {
  console.log('捕获到异常：', error);
}

运行上述代码，控制台将输出：”捕获到异常：手动抛出异常”。

处理不同类型的异常

在 catch 代码块中，我们可以根据不同类型的异常做出不同的处理。JavaScript 中的异常对象通常是 Error 的实例对象，可以通过 instanceof 运算符来判断异常类型。

try {
  // 代码块
  undefinedFunction();
} catch (error) {
  if (error instanceof ReferenceError) {
    console.log('引用错误：', error.message);
  } else if (error instanceof TypeError) {
    console.log('类型错误：', error.message);
  } else {
    console.log('其他错误：', error);
  }
}

上述代码中，引用了未定义的函数 undefinedFunction，会抛出 ReferenceError 异常，catch 代码块中通过判断异常类型进行处理。

嵌套 try…catch

在复杂的情况下，我们可以嵌套 try…catch 语句处理多个代码块可能抛出的异常。

try {
  try {
    // 可能发生异常的代码块
    undefinedFunction();
  } catch (error) {
    throw '内部异常：' + error;
  }
} catch (error) {
  console.log('外部异常：', error);
}

上述代码中，内部 try…catch 用于处理内部异常，外部 try…catch 用于处理外部异常。

finally 代码块

除了 try 和 catch，JavaScript 还提供了 finally 关键字用于指定无论是否发生异常都会执行的代码块。

try {
  // 可能会发生异常的代码块
} catch (error) {
  // 处理异常的代码块
} finally {
  // 无论是否发生异常都会执行的代码块
  console.log('finally 代码块');
}

无论 try 中的代码是否成功执行，finally 代码块都会执行。

使用 try…catch 处理异步代码

在 JavaScript 中，很多操作是异步的，比如定时器、网络请求等。在异步代码中，如果不使用 try…catch 处理异常，很难追踪错误。下面是一个使用 try…catch 处理定时器异步回调的示例。

try {
  setTimeout(() => {
    undefinedFunction();
  }, 1000);
} catch (error) {
  console.log('捕获到定时器异常：', error);
}

上述代码中，setTimeout 中的回调函数抛出异常，try…catch 可以捕获到该异常并进行处理。

总结

try…catch 是 JavaScript 中用于异常处理的关键字，通过使用 try…catch 可以在代码中捕获并处理异常，避免程序发生严重错误。在编写代码时，建议在可能发生异常的地方使用 try…catch 进行处理，以提高代码的健壮性和容错性。

JS try…catch 用法详解