在 TypeScript 中，使用条件类型可以根据某些条件来确定类型。这是一种非常强大的类型操作符，可以帮助我们更好地掌握代码，并且在编写库或框架时非常有用。
条件类型是什么？
在 TypeScript 中，条件类型是一种泛型类型，可以根据某些条件来确定它的类型。这些条件可以是任何类型操作符，例如 extends 和 infer。而条件类型的语法是 T extends U ? X : Y，其中 T 和 U 是类型参数，X 和 Y 是类型表达式。意思是如果类型 T 满足条件 U，那么结果类型就是 X，否则结果类型就是 Y。
下面是一个简单的例子：
---- ------ - - - - ------- ------ - ---- - ------ ---- ------- - ------ ------ -- -- ---- ---- ------- - ------ ------ -- -- -----
在这个例子中，Check 是一个条件类型，它根据类型 T 是否为字符串来确定结果类型。在使用 Check< string > 时，条件类型的结果为 true，所以 result1 的类型是 true。而当使用 Check< number > 时，条件类型的结果为 false，因此 result2 的类型是 false。
条件类型的应用
条件类型实现类型过滤
在实际开发中，我们可能需要一些类型过滤的操作，例如从数组或对象中移除某些类型。这时候，条件类型就可以派上用场了。
下面是一个从数组中移除特定类型的例子：
---- ------- -- - - - - ------- - - ----- - -- ---- ------- - ------- ------ - ------ - -------- ------ -- -- ------ - -------
在这个例子中，Filter 是一个条件类型，它接收两个类型参数 T 和 U。如果 T 能够赋值给 U，则返回 never，否则返回 T。在使用 Filter< string | number | boolean, number > 时，条件类型的结果为过滤出非数字类型，所以 result1 的类型为 string | boolean。
条件类型实现类型转换
有时候我们可能需要根据某些条件动态地调整类型。这时候，条件类型也可以派上用场。下面是一个将对象属性转为只读的例子：
---- ------------- - - - - -- -- ----- --- -- - - ------- -------- - - - -------- -- -- --------- ------ - ----- ------- ---- ------- --------- -- -- ------- - ---- ------- - ------------- ------ -- -- ---- ------- - - -------- ----- ------- -------- ---- ------ --------- ----------- - --
在这个例子中，我们定义了一个类型 Person，它有三个属性：name、age 和 sayHello。然后我们定义了一个条件类型 ReadonlyKeys，它接收一个类型参数 T，返回一个新的对象，其中属性为只读。但是如果原对象中的属性值是函数，那么新对象中的该属性还是方法，并不是只读属性。
在使用 ReadonlyKeys< Person > 时，条件类型的结果为将对象属性转为只读类型，所以 result1 的类型为 { readonly name: "name"; readonly age: "age"; sayHello: "sayHello"; }。
总结
条件类型是 TypeScript 中非常强大的类型操作符，可以帮助我们更好地掌握代码，并在编写库或框架时非常有用。我们可以使用条件类型来实现像类型过滤和类型转换这样的操作。在使用条件类型时，我们需要注意条件类型的语法和表达式，并根据实际需求编写对应的条件类型操作符。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64f5f143f6b2d6eab3eaf646