如何在异步函数中捕获javascript错误

在JavaScript中，异步函数（通常使用async/await语法）中的错误捕获可以通过几种方式实现：

基础概念

异步函数返回一个Promise对象，因此可以使用.catch()方法来捕获错误，或者使用try...catch语句块来捕获异步操作中的错误。

优势

清晰的错误处理：使用try...catch可以让错误处理逻辑更加集中和清晰。
避免回调地狱：相比于传统的回调函数，async/await提供了更直观的错误处理方式。

类型

Promise链式调用：使用.then().catch()
async/await配合try...catch

应用场景

当你在执行可能抛出错误的异步操作时，比如网络请求、文件读写等，需要捕获这些错误以避免程序崩溃。

示例代码

// 使用async/await和try...catch捕获错误
async function fetchData() {
    try {
        let response = await fetch('https://api.example.com/data');
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        let data = await response.json();
        console.log(data);
    } catch (error) {
        console.error('There has been a problem with your fetch operation:', error);
    }
}

// 使用Promise链式调用捕获错误
fetch('https://api.example.com/data')
    .then(response => {
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        return response.json();
    })
    .then(data => console.log(data))
    .catch(error => {
        console.error('There has been a problem with your fetch operation:', error);
    });