Angular场景下如何判断TypeScript类引用是否继承自指定基类

你当前的判断逻辑失效的核心原因：instanceof 仅用于判断类实例与构造函数的关系，你传入的conf.component是类构造函数本身，而非类实例，所以判断永远返回false。直接对比原型全等不生效，是因为子类的prototype是基类的实例对象，和基类自身的prototype不是同一个引用。

下面提供两种可直接落地的解决方案：

方案1：基于原型链判断（原生JS通用，无需修改基类） #

直接使用Object.prototype.isPrototypeOf判断基类原型是否存在于目标类的原型链上，支持任意层级的继承判断：

if (DynamicComponentBase.prototype.isPrototypeOf(conf.component.prototype)) {
  // 符合继承要求的业务逻辑
}

可以封装为通用类型谓词函数，同时获得TypeScript类型收窄能力：

import { Type } from '@angular/core';

function isInheritFromDynamicBase(cls: unknown): cls is Type<DynamicComponentBase> {
  return typeof cls === 'function' && DynamicComponentBase.prototype.isPrototypeOf(cls.prototype);
}

// 使用时
if (isInheritFromDynamicBase(conf.component)) {
  // 此时TS会自动将conf.component识别为DynamicComponentBase的子类构造函数，获得完整类型提示
}

方案2：基于静态标识判断（性能更高，抗编译混淆） #

如果你的项目有编译时类名压缩需求、或者需要更高的判断性能，可以直接给基类添加静态标识位：
首先修改基类定义：

export class DynamicComponentBase {
  // 新增唯一静态标识
  static readonly __isDynamicComponentBase = true;

  @Input() group: FormGroup;
  @Input() form: FormGroupDirective;
}

判断逻辑简化为：

if ('__isDynamicComponentBase' in conf.component && conf.component.__isDynamicComponentBase) {
  // 符合继承要求的业务逻辑
}

这种方案不需要遍历原型链，判断效率更高，也不会受Babel转译、原型链篡改等极端场景影响。

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