TypeScript学习之泛型(4)

泛型就相当于数据的模板,我们往模板里输入什么类型他就会根据输入生成具体的、相对应的、确定的数据类型。

创建一个函数,这个函数的参数接受数字类型的数组,函数的返回值是参数数组的最后一位。如果我们不光想让这个函数接收数字类型的参数还接收字符串类型的参数,此时我们的数组会报错;

虽然我们可以把函数的泛型number改为any,但是我们的 l1 和 l2 的类型也会变成any,这就和我们所希望的想使用强类型定义就不符合了。此时,我们可以使用泛型。 

在函数的参数前面加上<T>, 表示动态类型泛型,把 T 传入函数定义用 T 动态的代替Array中的类型 any 。(arr的声明既可以写成  Array<T> 也可以写成 T[ ] )。此时 l1 的类型变成了number, l2 的类型变成了 string。因此,通过使用泛型我们可以保持代码中类型的一致性。

当我们在使用泛型的时候,也可以明确指出泛型的类型,例如:

const l2 = lastInArray<string>(["a","b","c"]) 这样可以保证代码更高的安全性,虽然这样看起来有点多此一举,但是如果我们在泛型中使用联合类型,例如:

const l3 = lastInArray<string | number>(["a","b","c"]),当我们的参数只有 string 类型的时候,如果仅仅使用typescript自动匹配的类型是不够的,自动匹配 l3 的类型只是 string,显式指明的话,l3 将是 string 和 number 的联合类型。

我们再来创建一个函数,这个函数可以创建一个二维数组,接受 x 和 y 两个数据,输出二维的tuple数据 x 和 y。在元组中,每一个数据都可能是不同的类型,当我们在调用这个函数的时候,如果需要给两个元素都安排不同的泛型类型时,可以这样处理:

在调用makeTuple的时候也可以给函数显示定义泛型类型 

所以我们需要处理多个泛型类型的时候,用逗号把泛型类型分隔开。泛型也与参数类似,我们也可以给他定义默认类型:

 在我们调用函数的时候就可以省略定义第二个泛型。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TypeScript中,泛型是一种用于创建可以多种类型上工作的可重用代码的技术。使用泛型可以增强代码的灵活性和类型安全性。 要使用泛型,可以在函数、类或接口的定义中使用尖括号(<>)来指定泛型参数。例如,以下是一个使用泛型的简单示例: ```typescript function identity<T>(arg: T): T { return arg; } let result = identity<number>(5); console.log(result); // 输出:5 ``` 在上面的例子中,`identity`函数使用了一个泛型参数`T`,它表示函数的参数和返回值的类型是一致的。我们在调用`identity`函数时,显式指定了泛型参数为`number`,因此返回值的类型为`number`。 另外,还可以使用泛型约束来限制泛型参数的类型。例如,如果希望泛型参数必须具有某种特定属性,可以使用泛型约束来实现: ```typescript interface HasLength { length: number; } function printLength<T extends HasLength>(arg: T): void { console.log(arg.length); } printLength("Hello"); // 输出:5 printLength([1, 2, 3]); // 输出:3 printLength({ length: 10 }); // 输出:10 ``` 在上述示例中,`printLength`函数使用了一个泛型约束`T extends HasLength`,它表示泛型参数`T`必须具有`length`属性。因此,我们可以传递包含`length`属性的字符串、数组或对象作为参数,函数会打印出其长度。 通过使用泛型,我们可以编更加通用和灵活的代码,可以在多种类型上进行操作而不需要重复编逻辑。同时,TypeScript的类型检查器也能够在编译时检测出类型错误,提供更高的类型安全性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值