首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Typescript条件参数联合类型

是指在函数参数中使用条件类型和联合类型的组合。条件类型是Typescript中的一种高级类型,它根据条件表达式的结果选择不同的类型。联合类型是指一个变量可以是多个不同类型中的一种。

在Typescript中,条件参数联合类型可以用于定义函数参数的类型,根据不同的条件选择不同的参数类型。这样可以增加函数的灵活性和可复用性。

下面是一个示例:

代码语言:txt
复制
function getValue<T extends string | number>(value: T): T extends string ? string : number {
  if (typeof value === 'string') {
    return value.toUpperCase() as T extends string ? string : number;
  } else {
    return value * 2 as T extends string ? string : number;
  }
}

const result1 = getValue('hello'); // 返回类型为string
const result2 = getValue(10); // 返回类型为number

在上面的示例中,函数getValue接受一个参数value,它的类型是T extends string | number,即可以是字符串类型或者数字类型。通过条件类型T extends string ? string : number,根据value的类型选择返回不同的类型。

value的类型为字符串时,函数将字符串转换为大写并返回字符串类型;当value的类型为数字时,函数将数字乘以2并返回数字类型。

这种使用条件参数联合类型的方式可以根据不同的参数类型执行不同的逻辑,提高代码的灵活性和可读性。

推荐的腾讯云相关产品和产品介绍链接地址:

以上是腾讯云提供的一些与云计算相关的产品,可以根据具体需求选择适合的产品来支持开发工作。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

TypeScript 联合类型

联合类型(Union Types)可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值。注意:只能赋值指定的类型,如果赋值其它类型就会报错。...创建联合类型的语法格式如下:Type1|Type2|Type3 实例声明一个联合类型:TypeScriptvar val:string|number val = 12 console.log("数字为...console.log("数字为 " + val); val = "Runoob"; console.log("字符串为 " + val);输出结果为:数字为 12字符串为 Runoob如果赋值其它类型就会报错...:var val:string|number val = true 也可以将联合类型作为函数参数使用:TypeScriptfunction disp(name:string|string[]) { if...."); disp(["Runoob", "Google", "Taobao", "Facebook"]);输出结果为:Runoob输出数组....RunoobGoogleTaobaoFacebook联合类型数组我们也可以将数组声明为联合类型

9710

【TypeScript】条件类型

条件类型(Conditional Types)是TypeScript中一种强大的类型系统特性,它允许我们根据类型关系来推断和选择类型。...条件类型通常与泛型一起使用,使我们可以在类型级别上编写更加灵活和复杂的代码。讲解基础用法基本语法条件类型的基本语法如下:T extends U ?...根据条件的结果,返回不同的字符串类型。分布式条件类型条件类型还可以在联合类型上使用,这称为分布式条件类型。当我们传入一个联合类型的参数时,条件类型会遍历每个成员,并根据条件进行推断。...类型推断与条件类型条件类型的最大特点是,它在类型推断时能够根据条件进行智能推断。type MyType = T extends Array ?...条件类型是TypeScript类型系统的一个重要部分,它允许我们在类型级别上进行条件分支和类型选择。通过巧妙地组合泛型、联合类型和条件类型,我们可以定义出非常复杂且强大的类型。

26240
  • TypeScript交叉类型&联合类型

    二、联合类型(Union types)联合类型和交叉类型比较相似,联合类型通过|符号连接多个类型从而生成新的类型。它主要是取多个类型的交集,即多个类型共有的类型才是联合类型最终的类型。...联合类型可以是多个类型其中一个,可做选择,比如:string | number,它的取值可以是string类型也可以是number类型。...,r:string}interface Y{q:numberr:string,}type XY = X | Ylet value:XY = { q:1, r:'r'}多个接口类型进行联合函数接口类型进行联合...这里我们用in操作符来判断if('x' in testFunc) testFunc.x()扩展:boolean 类型可以看成是 true | false 的联合类型四、类型缩减当字面量类型和原始类型进行联合...:当接口类型进行联合,接口中同名属性的类型不同,该怎么进行缩减呢?

    70510

    TypeScript联合类型 接口

    TypeScript联合类型 联合类型表示取值可以为多种类型中的一种 如下所示 /** * 联合类型 */ var muchtype:string|number="hello"; muchtype=...1; 这一块我们必须使用string或者number都支持的类型,那么下面我们可以进行调用扩展方法toString() /** * 联合类型 * 注意:如果说我们使用字符串的length属性那么我们需要注意...,如果是number类型是不支持的 * 这一块我们必须使用string或者number都支持的类型,那么下面我们可以进行调用扩展方法toString() * */ var muchtype:string...hello"; muchtype=""; muchtype=1; console.log(muchtype.length) console.log(muchtype.toString().length) TypeScript...当然下面的属性中比如说string number我们也可以使用联合类型,这一块我们后续可以根据实际需求进行变动即可 //属性个数不确定的时候 interface IStudent{ name:

    54330

    TypeScript联合类型 接口

    TypeScript联合类型 联合类型表示取值可以为多种类型中的一种 如下所示 /** * 联合类型 */ var muchtype:string|number="hello"; muchtype=...1; 这一块我们必须使用string或者number都支持的类型,那么下面我们可以进行调用扩展方法toString() /** * 联合类型 * 注意:如果说我们使用字符串的length属性那么我们需要注意...,如果是number类型是不支持的 * 这一块我们必须使用string或者number都支持的类型,那么下面我们可以进行调用扩展方法toString() * */ var muchtype:string...hello"; muchtype=""; muchtype=1; console.log(muchtype.length) console.log(muchtype.toString().length) TypeScript...当然下面的属性中比如说string number我们也可以使用联合类型,这一块我们后续可以根据实际需求进行变动即可 //属性个数不确定的时候 interface IStudent{ name:

    54830

    TypeScript联合类型 接口

    TypeScript联合类型 联合类型表示取值可以为多种类型中的一种 如下所示 /** * 联合类型 */ var muchtype:string|number="hello"; muchtype=...1; 这一块我们必须使用string或者number都支持的类型,那么下面我们可以进行调用扩展方法toString() /** * 联合类型 * 注意:如果说我们使用字符串的length属性那么我们需要注意...,如果是number类型是不支持的 * 这一块我们必须使用string或者number都支持的类型,那么下面我们可以进行调用扩展方法toString() * */ var muchtype:string...hello"; muchtype=""; muchtype=1; console.log(muchtype.length) console.log(muchtype.toString().length) TypeScript...当然下面的属性中比如说string number我们也可以使用联合类型,这一块我们后续可以根据实际需求进行变动即可 //属性个数不确定的时候 interface IStudent{ name:

    79010

    TypeScript条件类型(十)

    TypeScript 2.8版本引入了条件类型(Conditional Types),TS条件类型可以进行类型选择,具体用法可以使用三元运算符实现,JS中的三元运算符用法一样,通过判断得到最终结果,TS...| {}> // "function" | "object"二、分布式条件类型在条件类型中,如果被检查的类型是一个 “裸” 类型参数,即没有被数组、元组或 Promise 等包装过,则该条件类型被称为分布式条件类型...==当分布式条件类型中被检查类型为联合类型,则在运算过程中分解多个分支== 。...,也不是其他原始类型四、结合范型使用1.类型删除在联合类型T中删除联合类型U中的成员,T类型中的剩余成员则组成新的类型。...never : T;type A = Diff; // "b"在联合类型T中过滤出联合类型U中的成员,过滤出来的成员则组成新的类型。

    24120

    TypeScript 可辨识联合类型

    TypeScript 可辨识联合(Discriminated Unions)类型,也称为代数数据类型或标签联合类型。它包含 3 个要点:可辨识、联合类型和类型守卫。...这种类型的本质是结合联合类型和字面量类型的一种类型保护方法。如果一个类型是多个类型的联合类型,且多个类型含有一个公共属性,那么就可以利用这个公共属性,来创建不同的类型保护区块。...二、联合类型 基于前面定义了三个接口,我们可以创建一个 Vehicle 联合类型: type Vehicle = Motorcycle | Car | Truck; 现在我们就可以开始使用 Vehicle...联合类型,对于 Vehicle 类型的变量,它可以表示不同类型的车辆。...四、穷举检查 假设我们想要往前面已经定义的 Vehicle 联合类型,添加新的类型,那么会出现什么问题呢?下面我们来实际验证一下。

    2.6K10

    【TypeScript】TS条件类型(十二)

    TypeScript 2.8版本引入了条件类型(Conditional Types),TS条件类型可以进行类型选择,具体用法可以使用三元运算符实现,JS中的三元运算符用法一样,通过判断得到最终结果,TS...| {}> // "function" | "object"二、分布式条件类型在条件类型中,如果被检查的类型是一个 “裸” 类型参数,即没有被数组、元组或 Promise 等包装过,则该条件类型被称为分布式条件类型...==当分布式条件类型中被检查类型为联合类型,则在运算过程中分解多个分支== 。type typeName = T extends number ?...,也不是其他原始类型四、结合范型使用1.类型删除在联合类型T中删除联合类型U中的成员,T类型中的剩余成员则组成新的类型。...never : T;type A = Diff; // "b"在联合类型T中过滤出联合类型U中的成员,过滤出来的成员则组成新的类型。

    27410

    开心档之TypeScript 联合类型

    TypeScript 联合类型 联合类型(Union Types)可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值。 注意:只能赋值指定的类型,如果赋值其它类型就会报错。...创建联合类型的语法格式如下: Type1|Type2|Type3 ​​实例​​ 声明一个联合类型: ​​TypeScript​​ var val:string|number val = 12 console.log...console.log("数字为 " + val); val = "Runoob"; console.log("字符串为 " + val); 输出结果为: 数字为 12 字符串为 Runoob 如果赋值其它类型就会报错...: var val:string|number val = true 也可以将联合类型作为函数参数使用: ​​TypeScript​​ function disp(name:string|string...Runoob Google Taobao Facebook ---- ​​联合类型数组​​ 我们也可以将数组声明为联合类型: ​​TypeScript​​ var arr:number[]|string

    29010

    开心档之TypeScript 联合类型

    TypeScript 联合类型 联合类型(Union Types)可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值。 注意:只能赋值指定的类型,如果赋值其它类型就会报错。...创建联合类型的语法格式如下: Type1|Type2|Type3 实例 声明一个联合类型: TypeScript var val:string|number val = 12 console.log...console.log("数字为 " + val); val = "Runoob"; console.log("字符串为 " + val); 输出结果为: 数字为 12 字符串为 Runoob 如果赋值其它类型就会报错...: var val:string|number val = true 也可以将联合类型作为函数参数使用: TypeScript function disp(name:string|string[])...Runoob Google Taobao Facebook ---- 联合类型数组 我们也可以将数组声明为联合类型: TypeScript var arr:number[]|string[]; var

    34320

    TypeScript 条件类型精读与实践

    TypeScript 也不例外,使用条件类型可以描述输入类型与输出类型之间的关系。 本文同步首发在个人博客中,欢迎订阅、交流。...即当条件类型作用于泛型类型时,联合类型会被拆分使用。...工具类型 心细的读者可能已经发现了 Demo 类型的声明过程其实就是 TypeScript 官方提供的工具类型中 Exclude 的实现原理,其用于将联合类型...true : false) 在 TypeScript 的类型定义中,若在箭头函数中使用 extends 也是同理,由于从左向右的阅读习惯,也会导致阅读者对类型代码的执行顺序感到困惑。...Curry, R> : R) 结合类型推导使用条件类型 在 TypeScript 中,一般会结合 extends 来使用类型推导 infer 语法。使用它可以实现自动推导类型的目的。

    73120
    领券