javascript - 在 TypeScript 中扩展字符串

Question

在 TypeScript 中使用泛型时，有时会看到类型参数，例如:

T extends string

这和直接用string不一样吗？你能继承字符串吗？这有什么用？

Answer 1

type narrowedString =  "foo" | "bar"

// type ExtendsString = true
type ExtendsString = "foo" extends string ? true : false 

“foo”和“bar”都扩展了字符串类型。例如，当您想定义枚举之类的数据结构(没有内置 TypeScript 枚举类型)或常量时，这很有用。

当函数提供扩展字符串的泛型类型参数时，如 T extends string，您可以使用它来为您的枚举/常量强制执行强类型。

function doSomething<T extends string>(t: T): {a: T} {
...
}

// invoke it
doSomething("foo" as const) // return {a: "foo"}

不要错误地将 TypeScript 类型系统中的 extends 与来自 ES 类的 extends 混为一谈——它们是两个完全不同的运算符。

class extends 对应于 instanceof 并作为构造存在于运行时，而在类型系统中 extends 例如与 Conditional types 一起发生,可以翻译为“is assignable to”，仅供编译时使用。

更新:

您可以在 TypeScript docs 中找到有关字符串文字类型的更多信息.