Chrome中无法重定义Error.prototype.toString的问题及解决咨询

嘿，这个问题我之前也碰到过！让我给你拆解一下原因和可行的解决办法：

你遇到的差异是因为Chrome使用的V8引擎和Firefox的SpiderMonkey引擎对内置对象方法的保护策略不同。在你使用的Chrome Canary 66版本里，V8已经把Error.prototype.toString设置成了不可写、不可配置的属性。

简单说就是：

• 直接赋值（比如Error.prototype.toString = function() {...}）在非严格模式下会静默失败，严格模式下直接抛出TypeError，提示无法修改这个属性。
• 而Firefox的引擎目前还允许对这个方法进行覆盖，所以你的代码在Firefox里能正常生效。

你可以用这段代码验证一下属性描述符：

console.log(Object.getOwnPropertyDescriptor(Error.prototype, 'toString'));

在Chrome里你会看到类似这样的输出：

{
  value: ƒ toString(),
  writable: false,
  enumerable: false,
  configurable: false
}

writable和configurable都是false，这就意味着你没法直接覆盖它。

根据你的使用场景，有两种靠谱的方案：

方案1：自定义Error子类（推荐） #

如果你能控制代码中抛出错误的地方，最好的方式是创建一个继承自Error的子类，在子类里重写toString方法：

class CustomError extends Error {
  constructor(message) {
    super(message);
    this.name = this.constructor.name; // 确保错误名称正确显示
  }

  toString() {
    // 这里写你的自定义逻辑，比如拼接成你想要的格式
    return `${this.name}: ${this.message}`;
  }
}

// 测试示例
const myErr = new CustomError('文件加载失败');
console.log(myErr.toString()); // 输出 "CustomError: 文件加载失败"

这种方式不会影响原生Error的行为，符合ES6类继承规范，是最安全的做法。

方案2：用Proxy包装Error构造函数（适合覆盖所有Error的场景） #

如果你需要让所有原生Error实例（包括第三方库抛出的）都使用自定义的toString，可以用Proxy包装Error构造函数，给每个新创建的Error实例替换toString方法：

// 先保存原生的Error构造函数
const OriginalError = Error;

// 用Proxy包装Error
Error = new Proxy(OriginalError, {
  construct(target, args) {
    // 创建原生Error实例
    const errorInstance = new target(...args);
    // 保存原生的toString方法
    const originalToString = errorInstance.toString;
    // 替换成自定义的toString
    errorInstance.toString = function() {
      return `[自定义格式] ${originalToString.call(this)}`;
    };
    return errorInstance;
  }
});

// 测试原生Error
const testErr = new Error('网络请求超时');
console.log(testErr.toString()); // 输出 "[自定义格式] Error: 网络请求超时"

注意这种方式会全局修改Error的行为，可能会影响其他依赖原生Error的代码，使用前要谨慎评估风险。

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