JavaScript 中怎么用 class 语法编写可重用的抽象父类-js教程-PHP中文网

javascript中可用class模拟抽象类：在constructor中用new.target检测直接实例化并抛错，抽象方法内抛错强制子类重写；typescript支持原生abstract class实现编译期检查。

javascript 中怎么用 class 语法编写可重用的抽象父类

在 JavaScript 中，用 class 语法编写可重用的抽象父类，核心是不直接实例化它，而是强制子类实现关键行为。JavaScript 本身没有原生的 abstract 关键字，但可以通过约定 + 运行时检查来模拟抽象类的效果。

定义抽象父类：用构造器抛错 + 空方法占位

在父类的 constructor 中检测是否被直接调用；对必须由子类覆盖的方法，留空并抛出错误，明确提示“需重写”：

class Shape {
  constructor() {
    // 检查是否通过 new 调用了 Shape 本身（而非子类）
    if (new.target === Shape) {
      throw new Error('Shape 是抽象类，不能直接实例化');
    }
  }
<p>// 抽象方法：子类必须重写
getArea() {
throw new Error('子类必须实现 getArea 方法');
}</p><p>// 可选：提供默认实现的非抽象方法
toString() {
return <code>这是一个 ${this.constructor.name}</code>;
}
}</p>

子类继承并实现抽象方法

子类使用 extends 继承，并在自己的方法中提供具体逻辑。注意必须调用 super()：

class Rectangle extends Shape {
  constructor(width, height) {
    super(); // 必须调用
    this.width = width;
    this.height = height;
  }
<p>getArea() {
return this.width * this.height;
}
}</p><p>class Circle extends Shape {
constructor(radius) {
super();
this.radius = radius;
}</p><p>getArea() {
return Math.PI * this.radius ** 2;
}
}</p>

这样就能安全使用：

Alibabacloud Sdk Client Initialization For Java

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

下载

const rect = new Rectangle(4, 5);
console.log(rect.getArea()); // 20
<p>const circle = new Circle(3);
console.log(circle.getArea()); // ~28.27</p><p>// new Shape(); // ❌ 抛出错误：不能直接实例化</p>

配合 TypeScript 更进一步（可选但推荐）

如果项目支持 TypeScript，可以用真正的 abstract class 语法，编译期就报错，更安全：

abstract class Shape {
  abstract getArea(): number;
<p>toString() {
return <code>这是一个 ${this.constructor.name}</code>;
}
}</p><p>class Rectangle extends Shape {
constructor(public width: number, public height: number) {
super();
}</p><p>getArea() { // ✅ 必须实现，否则 TS 编译失败
return this.width * this.height;
}
}</p>