【转】[JavaScript] try...catch 语法

转自：kimi.ai

在 JavaScript 中，try...catch 是一种用于捕获同步错误的语法结构。它允许你尝试执行一段代码，并在代码运行过程中捕获可能出现的异常（错误），从而避免程序因为未处理的错误而崩溃。通过 try...catch，你可以对错误进行处理，例如记录错误信息、提供默认值或执行替代逻辑。

基本语法

JavaScript复制

try {
    // 尝试执行的代码
} catch (error) {
    // 捕获错误后执行的代码
} finally {
    // 可选的 finally 块，无论是否捕获错误都会执行
}

关键部分

1. try 块：包含可能会抛出错误的代码。如果代码中出现错误，JavaScript 引擎会暂停执行 try 块中的剩余代码，并跳转到 catch 块。
2. catch 块：用于捕获错误并处理。catch 块会接收一个参数（通常命名为 error），它包含了错误对象。你可以通过这个对象获取错误信息，例如 error.message。
3. finally 块（可选）：无论是否捕获到错误，finally 块中的代码都会执行。它通常用于清理资源，例如关闭文件流、释放锁等。

---

示例

1. 基本用法：捕获错误并处理

JavaScript复制

try {
    console.log("开始执行代码...");
    // 故意制造一个错误：访问未定义的变量
    console.log(undefinedVariable);
} catch (error) {
    console.error("捕获到错误：", error.message);
} finally {
    console.log("无论是否捕获错误，finally 块都会执行。");
}

输出：

复制

开始执行代码...
捕获到错误： ReferenceError: undefinedVariable is not defined
无论是否捕获错误，finally 块都会执行。

2. 使用 try...catch 处理 JSON 解析错误

JavaScript复制

const jsonString = '{"name":"Alice","age":25';

try {
    const data = JSON.parse(jsonString);
    console.log("解析成功：", data);
} catch (error) {
    console.error("解析失败：", error.message);
}

输出：

解析失败： Unexpected end of JSON input

3. 使用 try...catch 处理异步错误（不推荐）

try...catch 只能捕获同步错误。如果你在异步代码中使用它，可能无法捕获错误。例如：

JavaScript复制

try {
    setTimeout(() => {
        throw new Error("异步错误");
    }, 100);
} catch (error) {
    console.error("捕获到错误：", error.message); // 这里不会捕获到错误
}

输出：

Uncaught Error: 异步错误

对于异步错误，建议使用 Promise 的 .catch() 方法或 async/await 中的 try...catch。

4. 使用 try...catch 在 async/await 中捕获错误

JavaScript复制

async function fetchData() {
    try {
        const response = await fetch("https://api.example.com/data");
        const data = await response.json();
        console.log("获取数据成功：", data);
    } catch (error) {
        console.error("获取数据失败：", error.message);
    }
}

fetchData();

5. 自定义错误处理逻辑

你可以根据错误类型或错误信息，执行不同的处理逻辑：

JavaScript复制

try {
    // 故意制造一个错误
    throw new Error("自定义错误");
} catch (error) {
    if (error.message === "自定义错误") {
        console.log("这是一个自定义错误");
    } else {
        console.error("其他错误：", error.message);
    }
}

输出：

这是一个自定义错误

---

注意事项

1. 只捕获同步错误：try...catch 只能捕获同步执行代码中的错误。对于异步代码（如 setTimeout、Promise），需要使用其他方式（如 .catch() 或 async/await）来捕获错误。
2. 不要滥用 try...catch：虽然 try...catch 可以捕获错误，但并不是所有错误都需要被捕获。过度使用可能会掩盖代码中的问题。
3. finally 块的作用：finally 块无论是否捕获到错误都会执行，适合用于清理资源或执行必要的操作。
4. 错误对象的属性：捕获的错误对象通常包含以下属性：
   • error.message：错误的描述信息。
   • error.name：错误的类型（如 ReferenceError、TypeError 等）。
   • error.stack：错误的调用栈信息，有助于调试。

总结

try...catch 是 JavaScript 中处理同步错误的重要工具。它可以帮助你捕获和处理运行时错误，从而提高代码的健壮性和用户体验。正确使用 try...catch 可以避免程序崩溃，并提供更友好的错误处理逻辑。