面试题：JavaScript复杂表达式中的错误冒泡处理

Question

假设有一个包含多个函数调用和复杂逻辑的JavaScript表达式，例如函数A调用函数B，函数B又调用函数C，每个函数内都有不同类型的表达式可能产生错误。请描述如何在不破坏原有代码逻辑结构的基础上，通过合适的错误处理机制，让错误能够正确地冒泡到顶层进行统一处理，并举例说明。

Answer 1

1. 使用try - catch - finally语句：
   • 在JavaScript中，可以在最外层使用try - catch - finally块来捕获内部函数调用可能抛出的错误。try块内放置可能产生错误的代码，catch块捕获并处理错误，finally块无论是否发生错误都会执行。
   • 示例：

function C() {
    // 模拟可能产生错误的操作
    if (Math.random() < 0.5) {
        throw new Error('C函数出现错误');
    }
    return 'C函数执行成功';
}

function B() {
    return C();
}

function A() {
    return B();
}

try {
    const result = A();
    console.log(result);
} catch (error) {
    console.log('捕获到错误:', error.message);
} finally {
    console.log('无论是否出错，都会执行此代码');
}

2. 使用async - await结合try - catch（适用于异步函数）：
   • 如果函数A、B、C中有异步操作（例如async函数或返回Promise的函数），可以使用async - await语法，并在外部try - catch块中捕获错误。
   • 示例：

async function C() {
    // 模拟可能产生错误的异步操作
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            if (Math.random() < 0.5) {
                reject(new Error('C函数异步操作出现错误'));
            } else {
                resolve('C函数异步执行成功');
            }
        }, 1000);
    });
}

async function B() {
    return await C();
}

async function A() {
    return await B();
}

async function main() {
    try {
        const result = await A();
        console.log(result);
    } catch (error) {
        console.log('捕获到异步错误:', error.message);
    }
}

main();

这样，在不破坏原有代码逻辑结构的基础上，错误能够正确地冒泡到顶层进行统一处理。