如何利用 new.target 在前端游戏引擎中实现精灵基础类的安全继承-js教程-PHP中文网

new.target 可强制精灵基类 sprite 不可直接实例化，仅允许子类继承后构造；结合参数校验与静态工厂方法，提升类型安全与调试效率，并与 typescript 的 abstract class 协同实现编译期与运行时双重防护。

如何利用 new.target 在前端游戏引擎中实现精灵基础类的安全继承

new.target 是 JavaScript 中用于检测函数或构造函数是否被 new 调用的关键字。在前端游戏引擎中，精灵（Sprite）作为核心可渲染对象，其基类若被直接实例化，往往会导致逻辑错误或渲染异常。利用 new.target 可以强制约束：**精灵基类不可直接实例化，只允许被继承后由子类构造**，从而保障类型安全与设计意图。

防止 Sprite 基类被直接 new 实例化

很多初学者会误写 const s = new Sprite()，而 Sprite 本身通常不包含具体图像、动画或行为逻辑，只是一个抽象契约。此时可在构造函数中检查 new.target === Sprite：

若成立，说明正试图直接构造基类 → 抛出 TypeError
若不成立（即 new.target 是子类），则正常执行初始化

示例：

class Sprite {
  constructor() {
    if (new.target === Sprite) {
      throw new TypeError('Sprite 是抽象基类，不能直接实例化');
    }
    this.x = 0;
    this.y = 0;
    this.visible = true;
  }
}

确保子类必须调用 super() 并提供必要参数

仅靠 new.target 防止直接实例化还不够。子类常需传入纹理、尺寸等关键资源。可在基类构造器中结合 new.target 和参数校验：

检查 new.target !== Sprite 后，再验证必填参数（如 texture）是否存在
避免子类忘记传参却静默失败，提升调试效率

例如：

必应图像创建器

一款AI视频创作工具，主要用于微软必应出品的AI绘图工具，适合需要提升相关任务效率的用户。

下载

class Sprite {
  constructor(texture) {
    if (new.target === Sprite) {
      throw new TypeError('Sprite 不可直接实例化');
    }
    if (!texture) {
      throw new TypeError(`${new.target.name} 构造时必须传入 texture`);
    }
    this.texture = texture;
    this.x = 0;
    this.y = 0;
  }
}

class Player extends Sprite {
  constructor(texture) {
    super(texture); // ✅ 正确：传递必需 texture
  }
}
// new Sprite();        // ❌ 报错
// new Player(null);    // ❌ 报错（texture 缺失）
// new Player(img);     // ✅ 正常