编程笔记 html5&css&js 081 JavaScript 异常处理语句

编程笔记 html5&css&js 081 JavaScript 异常处理语句

• 一、结构和语法：
• 二、示例：
• 总结

在JavaScript中，异常处理主要通过 try...catch...finally 语句实现。这个结构允许你捕获并处理程序运行时可能出现的错误（即异常），确保即使发生错误，程序也可以进行适当的响应而不是立即终止执行。

一、结构和语法：

try {
    // 尝试执行这里的代码块
    // 如果这段代码抛出一个异常，控制流会立即跳转到相应的 catch 块
    throw new Error('An example error'); // 手动抛出一个异常
} catch (error) {
    // 当 try 块中的代码抛出异常时，控制流来到这里
    // error 变量将包含抛出的异常对象
    console.error('Caught an error:', error.message);
    // 在这里可以处理错误、记录日志或提供备用逻辑
} finally {
    // 不论 try 或 catch 块中是否有异常发生，最终都会执行 finally 块里的代码
    // 这个部分常用于资源清理工作，如关闭文件、网络连接等
    console.log('This will always execute');
}

二、示例：

try {
    // 模拟读取可能不存在的属性
    let obj = {};
    let value = obj.nonExistentProperty;
} catch (e) {
    // 捕获TypeError: Cannot read property 'nonExistentProperty' of undefined
    console.error("An error occurred:", e.message);
    // 提供备选值
    let value = 'default';
} finally {
    console.log('The program continues to run after the error handling.');
}

// 处理异步Promise错误的例子
async function fetchAndProcessData() {
    try {
        const response = await fetch('https://api.example.com/data');
        if (!response.ok) {
            throw new Error(`API responded with status ${response.status}`);
        }
        const data = await response.json();
        // 处理数据...
    } catch (error) {
        console.error('Failed to fetch or process data:', error.message);
        // 错误恢复或通知用户
    } finally {
        console.log('Network request is completed regardless of success or failure.');
    }
}
fetchAndProcessData();

总结

在上述示例中，try 块尝试执行可能引发异常的操作，当出现异常时，程序不会崩溃，而是进入 catch 块处理错误。无论是否发生异常，finally 块都会被执行，用于执行必须完成的任务，比如释放资源或提供状态更新。