Typescript 如何擴展使用泛型類型的接口？

Question

我設置了這個接口結構：

export interface Response<T> {
  hasMoreResults: boolean
  pageToken: string | null
  status: string
  result: T
}

export interface ArrayResponse<T> {
  hasMoreResults: boolean
  pageToken: string | null
  status: string
  result: T[]
}

由於有很多共享字段，我想寫這樣的東西：

interface ArrayResponse extends Response<T>{
    result: T[]
}

但是，這會引發我無法修復的錯誤。 是否有一種直接的方法來更改在這兩種情況下都使用泛型的屬性類型？ 我不想做T | T[] T | T[]作為一個接口的結果，因為這會導致我的代碼出現問題。 謝謝。

Answer 1

查看您的代碼， ArrayResponse和Response之間的唯一區別是result是一個數組。

你可以使用：

export interface Response<T> {
  hasMoreResults: boolean
  pageToken: string | null
  status: string
  result: T
}

export type ArrayResponse<T> = Response<T[]>

As Response已經可以將任何類型作為參數。

Answer 2

當然，你可以像這樣省略它

export interface ArrayResponse<T> extends Omit<Response<T>, "result"> {
  result: T[]
}

Answer 3

據我所知， ArrayResponse只是Response的一個實例，其中T是一個數組。 如果我們想將ArrayResponse定義為只傳入項目類型，我們可以這樣做：

export interface Response<T> {
  hasMoreResults: boolean
  pageToken: string | null
  status: string
  result: T
}

export interface ArrayResponse<T> extends Response<T[]>  {
}

游樂場鏈接