编程笔记 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 块都会被执行,用于执行必须完成的任务,比如释放资源或提供状态更新。

你可能感兴趣的:(#,html5,css3,javascript,少年工程师,青少年编程)