ES6自定义Error子类在Chrome中未被catch捕获的问题求助

嘿，这个问题其实和Chrome的V8引擎对ES6自定义Error子类的特殊处理逻辑有关，我来给你理清楚：

核心原因 #

Chrome的V8引擎在处理自定义Error实例时，对其原型链和内部属性的检查比Firefox的SpiderMonkey引擎更严格。如果你的Myexception类没有正确初始化Error的内部属性和原型链，哪怕它被catch块捕获了，V8可能仍然会误判它是“未被正确处理”的异常，从而抛出Uncaught exception: Myexception的提示。

为什么用instanceof就没问题？ #

当你在catch块里用e instanceof Myexception时，相当于明确触发了对该实例原型链的检查，V8会通过这个操作正确识别出它是你自定义的Error子类，进而标记为已被处理，不会再弹出未捕获的提示。

正确的自定义Error实现方式 #

要解决这个问题，你需要确保自定义Error类正确继承Error的所有特性，尤其是要调用super()并修复原型链（针对部分Chrome版本）：

class MyException extends Error {
  constructor(message = '自定义异常') {
    super(message); // 必须调用super初始化Error的内部属性
    this.name = this.constructor.name; // 设置异常名称为类名，便于调试
    // 修复V8中可能存在的原型链断裂问题
    Object.setPrototypeOf(this, MyException.prototype);
  }
}

这样实现后，即使你不在catch块里用instanceof判断，Chrome也能正确识别这个异常是Error的子类，不会再出现未捕获的提示。

补充说明 #

Firefox的引擎对自定义Error的原型链处理更宽松，哪怕你没有完全按照标准写法实现，它也能正确识别异常类型，所以不会出现这个问题。而V8的严格检查是为了保证Error实例的行为和原生Error一致，避免出现调试和处理上的混乱。

内容的提问来源于stack exchange，提问作者anna petrai