面试题：JavaScript 函数调用错误处理的优化与设计

Question

在一个大型JavaScript项目中，存在多个相互依赖的模块，每个模块都有大量的函数调用。如何设计一套统一的错误处理机制，使得错误能够在合适的层次被捕获和处理，同时又不会让代码充斥大量重复的错误处理逻辑？请从架构设计的角度阐述思路，并结合代码示例说明关键实现点，比如如何利用自定义错误类型、事件机制等来优化错误处理。

Answer 1

架构设计思路

1. 集中式错误处理：在应用的入口或者关键调用点设置统一的错误捕获机制，避免在每个函数调用处都写重复的错误处理代码。
2. 自定义错误类型：通过定义不同的自定义错误类型，来区分不同种类的错误，便于在捕获错误时进行针对性处理。
3. 事件机制：利用JavaScript的事件机制，将错误信息通过事件传递，这样感兴趣的模块可以监听并处理特定类型的错误。

代码示例

1. 自定义错误类型

// 自定义错误类型
class MyCustomError extends Error {
    constructor(message) {
        super(message);
        this.name = 'MyCustomError';
    }
}

2. 模块内抛出错误

// 假设这是一个模块中的函数
function myFunction() {
    throw new MyCustomError('这是一个自定义错误');
}

3. 集中式错误捕获与事件机制结合

// 创建一个事件发射器
const EventEmitter = require('events');
const emitter = new EventEmitter();

// 监听自定义错误事件
emitter.on('MyCustomError', (error) => {
    console.log('捕获到自定义错误:', error.message);
    // 在这里可以进行针对性的错误处理，如日志记录、通知用户等
});

try {
    myFunction();
} catch (error) {
    if (error instanceof MyCustomError) {
        emitter.emit('MyCustomError', error);
    } else {
        console.log('捕获到其他错误:', error.message);
    }
}

关键实现点说明

• 自定义错误类型：通过继承Error类创建自定义错误类型，在构造函数中设置name属性，方便在捕获错误时进行类型判断。
• 事件机制：使用EventEmitter创建一个事件发射器，在捕获到错误时，根据错误类型发射相应的事件，感兴趣的模块通过监听这些事件来处理错误，实现了错误处理逻辑的解耦。
• 集中式捕获：在应用的关键调用点（如try - catch块）捕获错误，然后根据错误类型进行分类处理，避免了在每个函数调用处重复编写错误处理代码。