<rt id="skwoi"></rt>

TypeScript中的“extends A”和“extends typeof A”有什么區別？

typescript

我做了一個類裝飾器，我想限制這個裝飾器只能應用于某些類，所以我做了：

@decorator()
class A {
    foo:string;
}
@decorator()
class B extends A {

}
@decorator()
class C {}

function decorator () {
  // This makes decorators work on class A and B except class C
  return function<T extends typeof A> (target:T) {}
  // This makes decorators become error on all the classes
  // return function<T extends A> (target:T) {}
}

如果我把function<T extends typeof A> (target:T) {}改成function<T extends A> (target:T) {}，那么所有的裝飾器都會變成錯誤。

我不知道為什么我要用extends typeof A而不是extends A？它們之間有什么區別？

發布于 7 月前

? 最佳回答：

當用作類型時，類的名稱表示該類的實例。要獲得類構造函數的類型，可以使用typeof。

So:

class A {}
const instance: A = new A()

const aConstructor: typeof A = A
const anotherInstance: A = new aConstructor()

因此，您的decorator需要typeof A的原因是它在類構造函數上操作，而不是在實例上操作。

公眾號：1024技術圈

?? 提供互聯網知識和資訊，分享IT前沿技術，熱門資源，大廠面試題 ??

TypeScript中的“extends A”和“extends typeof A”有什么區別？

熱門問答

按自定義鍵對字符串列表排序

如果用戶使用javascript鍵入了一系列單詞，“detect”

如何在Talend中創建動態日期范圍迭代？

如何防止在php循環中重復選擇的相同選項值

How mock User.Identity

使用NextJS和Typescript配置next-i18next

這是報錯的代碼invalid argument 0:Sizes of tensors must match except in dimension 0.

Kotlin的變量命名約定是什么

在Laravel 5.6中沒有使用“nav nav-sidebar”>的bootstrap導航欄

如何在VBA中創建和操作MS Access數據庫

api調用超時怎么解決

這個場景下,vue 中如何優雅的不渲染父級組件?

TypeScript中的“extends A”和“extends typeof A”有什么區別？

熱門問答

按自定義鍵對字符串列表排序

如果用戶使用javascript鍵入了一系列單詞，“detect”

如何在Talend中創建動態日期范圍迭代？

如何防止在php循環中重復選擇的相同選項值

How mock User.Identity

使用NextJS和Typescript配置next-i18next

這是報錯的代碼invalid argument 0:Sizes of tensors must match except in dimension 0.

Kotlin的變量命名約定是什么

在Laravel 5.6中沒有使用“nav nav-sidebar”>的bootstrap導航欄

如何在VBA中創建和操作MS Access數據庫

api調用超時怎么解決

這個場景下,vue 中如何優雅的不渲染父級組件?

TypeScript中的“extends A”和“extends typeof A”有什么區別？

如果用戶使用javascript鍵入了一系列單詞，“detect”