面试题：JavaScript 中 try - catch 捕获错误的原理及应用

Question

请解释 JavaScript 中 try - catch 语句捕获错误的机制。并举例说明在 Web 编程场景下，如何使用 try - catch 处理可能出现的 JSON 解析错误。

Answer 1

JavaScript 中 try - catch 语句捕获错误的机制

try - catch 语句用于异常处理。try 块内放置可能会抛出错误的代码。如果 try 块中的任何代码抛出了错误，JavaScript 引擎会立即停止执行 try 块中的剩余代码，并跳转到 catch 块。catch 块会捕获这个错误对象，开发者可以在 catch 块中对错误进行处理，比如记录错误信息、向用户显示友好的提示等。如果 try 块中没有错误发生，catch 块中的代码将不会执行。

在 Web 编程场景下使用 try - catch 处理可能出现的 JSON 解析错误示例

const jsonString = '{ "name": "John", "age": 30 }'; // 假设这是从 API 接收到的字符串，可能格式不正确
try {
    const data = JSON.parse(jsonString);
    console.log(data); // 如果解析成功，会输出解析后的对象
} catch (error) {
    console.error('JSON 解析错误:', error.message);
    // 这里可以根据需求进行更复杂的处理，比如向服务器发送错误报告，或向用户显示友好的错误提示
}

在上述示例中，JSON.parse(jsonString) 尝试将字符串解析为 JSON 对象。如果 jsonString 格式不正确，JSON.parse 会抛出一个错误，这个错误会被 catch 块捕获，然后在控制台打印出错误信息。