如何获取泛型类型的属性？

Question

我有一个抽象类，在它的方法中我传递了一个泛型类型的项目。接下来我需要获取这个item的属性，如何正确做呢？

export abstract class BaseService<T> {
    ...
    public saveItem(item: T) {
        ...
        if (item.id <=== here I got error ) {
        }
        ...
    }

    export class ClusterItem {
        id: number;
        ...
     }

    export class ClustersService extends BaseService<ClusterItem> {
        ...
    }

Answer 1

您可以在尝试获取值之前使用 item.hasOwnProperty('id')。

参考：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwnProperty

Answer 2

您的代码假定与您的类一起使用的每个类型 T 都可能具有 id 属性。

正如 Jon Sharpe 在他对您的问题的评论中指出的那样，正确的方法，无论是在类型安全性和表达性方面，都是将此假设声明为类型约束，使其明确并为类型检查器所知。

这样做的方法是在泛型类型参数上使用类型约束语法。

例如，你可以写

export interface MayHaveId {
  id?: number; // you can use any type, number is just an example
}

export abstract class BaseService<T extends MayHaveId> {
  saveItem(item: T) {
    if (item.id !== undefined) {
      console.log(item.id);
    }
  }
} 

这里我们定义了一个接口来使代码更具可读性，但类型字面量也可以。

请注意，id 属性声明为可选，因为您的逻辑不要求它具有值。

如果您只打算将基类与具有id 的类型参数一起使用，那么您应该将该属性设为必需。这将使代码更易于理解，并会在编译时捕获更多错误，方法是首先确保它只与此类类型一起使用。

Shahbaaz 在评论中询问了动态属性。

我们可以通过使用参数泛型类型来定义具有动态属性的类型

type WithProperty<K extends string, V = {}> = {
  [P in K]: V
}

我们可以消费这种类型

function withProperty<T, K extends string, V> (x: T, properties: WithProperty<K, V>) {
  return Object.assign(x, properties);
}