处理错误的两种方式:try...catch 与 then...catch

一、try...catch

try...catch 是一种用于捕获和处理同步代码中异常的机制。其基本结构如下:

javascript 复制代码
try {
    // 可能会抛出异常的代码
} catch (error) {
    // 处理异常
}

使用场景

  • 主要用于同步代码,尤其是在需要处理可能抛出的异常时。
  • 适用于函数调用、操作对象、数组等传统代码中。

示例:

javascript 复制代码
function divide(a, b) {
    try {
        if (b === 0) {
            throw new Error("异常");
        }
        return a / b;
    } catch (error) {
        console.error('错误信息');
    }
}

divide(4, 0); // 输出: 异常

如果 b 为零,则会抛出一个错误,并被 catch 块捕获

二、then ...catch
javascript 复制代码
someAsyncFunction()
    .then(result => {
        // 处理成功的结果
    })
    .catch(error => {
        // 处理错误
    });

使用场景

  • 主要用于处理异步操作,例如网络请求、文件读取等。
  • 可以串联多个 Promise 操作,清晰地处理成功和错误。
javascript 复制代码
function fetchData() {
    return new Promise((resolve, reject) => {
        // 模拟异步操作
        setTimeout(() => {
            const success = Math.random() > 0.5; // 随机决定成功或失败
            if (success) {
                resolve("Data fetched successfully");
            } else {
                reject("Failed to fetch data");
            }
        }, 1000);
    });
}

fetchData()
    .then(result => {
        console.log(result);
    })
    .catch(error => {
        console.error(error);
    });

fetchData 函数模拟了一个异步操作,通过 Promise 来处理结果和错误

三、async/awaittry...catch

为了使异步代码更具可读性,JavaScript 引入了 async/await 语法。结合 try...catch,可以让异步错误处理更加简洁:

javascript 复制代码
async function fetchDataWithAwait() {
    try {
        const result = await fetchData();
        console.log(result);
    } catch (error) {
        console.error(error);
    }
}

fetchDataWithAwait();

总结

  • try...catch:适合于同步代码,能够捕获代码块中抛出的异常。
  • then ... catch:用于处理 Promise 的结果和错误,适合异步操作。
  • async/await 结合 try...catch:提供了清晰的异步错误处理方式,增强了代码的可读性。

原文链接:https://juejin.cn/post/7418133347543121939

相关推荐
Jabes.yang1 小时前
Java求职面试实战:从Spring Boot到微服务架构的技术探讨
java·数据库·spring boot·微服务·面试·消息队列·互联网大厂
聪明的笨猪猪1 小时前
Java Redis “高可用 — 主从复制”面试清单(含超通俗生活案例与深度理解)
java·经验分享·笔记·面试
执尺量北斗1 小时前
[特殊字符] 基于 Qt + OpenGL 实现的入门级打砖块游戏
开发语言·qt·游戏
夏子曦1 小时前
C#内存管理深度解析:从栈堆原理到高性能编程实践
开发语言·c#
兮动人1 小时前
Spring Bean耗时分析工具
java·后端·spring·bean耗时分析工具
MESSIR221 小时前
Spring IOC(控制反转)中常用注解
java·spring
摇滚侠1 小时前
Spring Boot 3零基础教程,Demo小结,笔记04
java·spring boot·笔记
笨手笨脚の2 小时前
设计模式-迭代器模式
java·设计模式·迭代器模式·行为型设计模式
spencer_tseng3 小时前
Eclipse 4.7 ADT (Android Development Tools For Eclipse)
android·java·eclipse
jiajixi3 小时前
Go 异步编程
开发语言·后端·golang