JS try catch基本用法以及常见的异常处理-牛翰网

前言

在 JavaScript 中，异常处理是通过 try...catch 语句来实现的。异常处理机制用于捕获在程序执行过程中可能出现的错误，并做出相应的处理，避免程序因错误而崩溃。通过 try...catch，开发者可以控制代码的执行流程，使得代码更加健壮和容错。

本文将详细讲解 try...catch 的基本用法、进阶技巧以及常见的异常处理模式，帮助你更好地理解异常处理的应用场景。

一、基本语法

try...catch 的基本语法结构如下：

try {
  // 可能会抛出异常的代码块
} catch (error) {
  // 捕获到异常后执行的代码
}

try 块中包含可能抛出异常的代码。
catch 块会捕获 try 块中的异常，并且 catch 块会接受一个参数（通常命名为 error 或 e），用于表示捕获到的错误信息。

示例：

try {
  let num = 10;
  let result = num / 0;
  console.log(result); // Infinity
} catch (error) {
  console.log("An error occurred:", error);
}

上面的代码不会抛出错误，因为 JavaScript 中 num / 0 的结果是 Infinity，这在 JavaScript 中是合法的。因此 catch 语句不会被触发。

二、捕获并处理异常

在实际开发中，我们往往会遇到网络请求失败、用户输入错误等异常情况，这时候我们可以使用 try...catch 来捕获这些异常并进行处理。

示例：捕获除零错误

function divide(a, b) {
  try {
    if (b === 0) {
      throw new Error("Division by zero is not allowed!");
    }
    return a / b;
  } catch (error) {
    console.log("Error:", error.message);
    return null;  // 返回 null 以表示错误
  }
}

console.log(divide(10, 2)); // 5
console.log(divide(10, 0)); // Error: Division by zero is not allowed! null

throw 语句用于主动抛出错误，我们可以通过它自定义错误信息。
捕获到错误后，可以在 catch 语句中处理，避免程序中断。

三、捕获多种类型的异常

有时我们希望根据不同的错误类型进行不同的处理。JavaScript 的 Error 对象支持自定义错误类型，可以通过判断错误类型来处理不同的异常。

示例：根据错误类型处理不同的异常

try {
  let user = null;
  if (!user) {
    throw new TypeError("User is not defined");
  }
} catch (error) {
  if (error instanceof TypeError) {
    console.log("TypeError caught:", error.message);
  } else {
    console.log("Other error caught:", error.message);
  }
}

在这个示例中，error instanceof TypeError 用于判断错误类型，并针对不同类型的错误执行不同的代码逻辑。

四、finally 语句

finally 语句块在 try...catch 语句的后面，用于指定无论是否发生异常都会执行的代码。即使 try 块中有异常被抛出，finally 也会被执行。

示例：使用 finally 释放资源

function fetchData(url) {
  let connection = null;
  
  try {
    connection = openConnection(url);  // 假设这是一个开连接的操作
    let data = connection.requestData();  // 假设这是一项网络请求操作
    return data;
  } catch (error) {
    console.error("Error fetching data:", error);
  } finally {
    if (connection) {
      connection.close();  // 确保无论如何都关闭连接
      console.log("Connection closed.");
    }
  }
}

finally 常用于清理操作，比如释放资源、关闭文件连接等。
无论 try 块是否抛出异常，finally 中的代码都会执行。

五、异步代码中的错误处理

在处理异步代码时，try...catch 也非常有用，尤其是结合 async/await 使用时。

示例：结合 `async/await` 使用异常处理

async function fetchData() {
  try {
    let response = await fetch('https://api.example.com/data');
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    let data = await response.json();
    return data;
  } catch (error) {
    console.error("Fetching data failed:", error.message);
  }
}

fetchData();

在异步函数中，await 用于等待异步操作的结果。如果异步操作发生异常，catch 会捕获到异常。
使用 try...catch 来捕获 async 函数中的错误，避免代码崩溃。

六、重新抛出异常

在某些情况下，捕获到异常后，你可能希望重新抛出异常，以便其他地方的代码能够处理这个错误。可以使用 throw 语句将捕获的异常重新抛出。

示例：重新抛出异常

try {
  try {
    let num = 10;
    if (num > 5) {
      throw new Error("Number is too large");
    }
  } catch (error) {
    console.log("Handling error:", error.message);
    throw error; // 重新抛出异常
  }
} catch (error) {
  console.log("Caught the re-thrown error:", error.message);
}