JavaScript 怎么手写实现一个支持原型链继承的自定义异常错误类-js教程-PHP中文网

javascript手写支持原型链继承的自定义错误类需用function声明、object.setprototypeof设置原型链、error.call初始化，并通过error.capturestacktrace（node.js）或手动复制stack（浏览器）保留正确堆栈。

javascript 怎么手写实现一个支持原型链继承的自定义异常错误类

JavaScript 中手写支持原型链继承的自定义错误类，核心是让新类实例能被 instanceof Error 识别，同时保留原生错误的堆栈信息和行为（比如 stack、message）。关键在于正确设置原型链，并在构造函数中调用 Error.captureStackTrace（Node.js）或手动赋值 stack（浏览器兼容写法）。

继承 Error 构造函数并修正 prototype

不能直接用 class MyError extends Error 就完事——虽然语法上可行，但某些环境（尤其旧版 Safari 或严格模式下）可能丢失 stack 或导致 instanceof 失效。更稳妥的手写方式是：

用 function 声明构造函数
用 Object.setPrototypeOf(子.prototype, 父.prototype) 显式设置原型链
在构造函数内部调用 Error.call(this, message) 初始化基础属性

正确捕获并保留堆栈信息

原生 Error 实例的 stack 是在构造时自动生成的，直接 this.stack = new Error().stack 会指向构造函数内部，而非调用位置。推荐做法：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

Node.js 环境：使用 Error.captureStackTrace(this, MyError)，它会把当前构造函数从 stack 中排除，使报错位置精准到用户调用处
浏览器兼容写法：创建一个临时 Error，然后手动复制 stack，再用 Object.defineProperty 把 stack 设为可枚举（因原生 stack 是非枚举属性）

添加自定义属性与方法（可选）

可在实例上挂载业务相关字段，如 code、status、details 等，便于上层统一处理：

在构造函数中直接赋值：this.code = code || 'UNKNOWN_ERROR'
重写 toString() 或添加 toJSON() 方法，方便日志或序列化
注意不要覆盖 name 和 message，它们已被 Error 初始化，可只读扩展

完整可运行示例（兼顾浏览器与 Node.js）

以下代码不依赖 Babel 或 TS，可直接在现代浏览器或 Node.js 中运行：

function ApiError(message, code = 'API_ERROR') {
  // 调用父类初始化 message
  Error.call(this, message);
  
  // 设置自定义属性
  this.name = 'ApiError';
  this.code = code;
  
  // 兼容捕获 stack
  if (Error.captureStackTrace) {
    Error.captureStackTrace(this, ApiError);
  } else {
    const err = new Error(message);
    this.stack = err.stack;
  }
}

// 手动建立原型链
Object.setPrototypeOf(ApiError.prototype, Error.prototype);

// 可选：增强 toJSON 行为
ApiError.prototype.toJSON = function() {
  return {
    name: this.name,
    message: this.message,
    code: this.code,
    stack: this.stack
  };
};

使用：throw new ApiError('Network timeout', 'TIMEOUT')，该实例 instanceof Error 为 true，stack 指向真实调用位置，且具备所有原生错误行为。