如何在TypeScript中判断泛型T是否继承Entity接口并设置默认值？

你想要实现的逻辑在TypeScript中无法直接通过泛型类型判断完成属性初始化，因为TypeScript的泛型是编译时特性，运行时不存在泛型T的类型信息，所以T is of type Entity ? 'id' : null这种写法在运行时无法执行，编译阶段也会报错。

不过我们可以通过以下几种方式实现类似需求：

方案1：运行时检查数据结构（推荐） #

利用Angular的属性getter，通过实际传入的data的结构判断是否属于Entity类型，自动设置默认标识符：

export interface Entity {
  id: number;
  // 其他可选属性
}

@Component({
  selector: 'app-epic',
  template: '' // 替换为你的组件模板
})
export class EpicComponent<T> {
  @Input() data: T[] | null = null;

  private _identifier: keyof T | null = null;

  @Input()
  set identifier(value: keyof T | null) {
    this._identifier = value;
  }

  get identifier(): keyof T | null {
    // 如果未指定标识符，且data非空且包含id属性，返回'id'
    if (this._identifier === null && this.data?.length) {
      const sampleItem = this.data[0];
      // 运行时类型守卫：检查对象是否包含id属性
      if (sampleItem && typeof sampleItem === 'object' && 'id' in sampleItem) {
        return 'id' as keyof T;
      }
    }
    return this._identifier;
  }
}

优缺点 #

• ✅ 无需用户额外操作，自动适配Entity类型
• ✅ 类型安全，不会出现不符合类型的赋值
• ❌ 如果data为空或null，即使T是Entity类型，标识符也会返回null，需手动传入

方案2：拆分组件（类型严格区分） #

如果希望在类型层面强制区分Entity和非Entity类型的使用，可以创建两个针对性的组件：

针对Entity类型的组件 #

@Component({
  selector: 'app-epic-entity',
  template: ''
})
export class EpicEntityComponent<T extends Entity> {
  @Input() data: T[] | null = null;
  // 默认标识符为'id'，也可手动传入其他Entity的属性
  @Input() identifier: keyof T = 'id';
}

针对通用类型的组件 #

@Component({
  selector: 'app-epic-generic',
  template: ''
})
export class EpicGenericComponent<T> {
  @Input() data: T[] | null = null;
  // 无默认值，需手动指定或设为null
  @Input() identifier: keyof T | null = null;
}

优缺点 #

• ✅ 类型完全安全，用户使用时明确区分场景
• ✅ 无需运行时检查，性能更优
• ❌ 需要维护两个组件，存在代码重复

方案3：条件类型+手动断言 #

通过TypeScript条件类型定义标识符的类型，运行时手动设置默认值，需要用户自行保证类型正确性：

export interface Entity {
  id: number;
  // 其他可选属性
}

// 定义条件类型：T继承Entity时，标识符为keyof T；否则为keyof T | null
type Identifier<T> = T extends Entity ? keyof T : keyof T | null;

@Component({
  selector: 'app-epic',
  template: ''
})
export class EpicComponent<T> {
  @Input() data: T[] | null = null;
  @Input() identifier: Identifier<T> = null as Identifier<T>;

  ngOnInit() {
    // 若未传入标识符，且T是Entity类型，手动设置默认值'id'
    if (!this.identifier) {
      // 此处需自行保证：当T不是Entity时，不要执行此赋值
      this.identifier = 'id' as Identifier<T>;
    }
  }
}

优缺点 #

• ✅ 单个组件即可处理两种场景
• ❌ 依赖用户手动保证类型正确性，运行时可能出现类型不匹配的错误

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