TypeScript - 泛型

* 泛型是什么?

        泛型简单来说就是类型变量,在ts中存在类型,如number、string、boolean等。泛型就是使用一个类型变量来表示一种类型,类型值通常是在使用的时候才会设置。在实际工作中有 泛型类 , 泛型接口 , 泛型函数。

* 泛型有什么用?

        1.在TS中不建议使用any类型,因为不能保证类型安全,调试时缺乏完整的信息。

        2.为了增加代码复用性,使用泛型来约束参数的类型,保证代码支持当前数据类型,同时也能支持未来的数据类型。

        3.扩展灵活,可以在编译时发现类型错误,从而保证了类型安全。

* 泛型的使用场景:

        1. 范型变量基本使用

  // 3个形参T为类型 - 在函数名后加<>,函数形参后添加,函数返回类型添加
  function fn<T>(val: T): T {
    return val
  }
  // 调用 - 括号前面加<>赋值类型
  let res = fn<number>(1)

  // 简化调用 - 类
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TypeScript中是一种特性,它允许我们在定义函数、接口或类时不预先指定具体的类,而是在使用时手动指定类。它可以帮助我们在编写可重用的代码时增加类的安全性和灵活性。 在TypeScript中,使用尖括号(< >)来表示,并在类名、函数名或接口名后面使用变量来表示类参数。例如,我们可以定义一个函数来实现数组元素的反转: ```typescript function reverse<T>(array: T[]): T[] { return array.reverse(); } const numbers = [1, 2, 3, 4, 5]; const reversedNumbers = reverse(numbers); // [5, 4, 3, 2, 1] const names = ["Alice", "Bob", "Charlie"]; const reversedNames = reverse(names); // ["Charlie", "Bob", "Alice"] ``` 在上面的例子中,变量`T`表示类参数,它可以在函数体内部和函数的参数类中使用。 除了函数,我们还可以使用来定义类和接口。例如,我们可以创建一个类`Box`来存储不同类的值: ```typescript class Box<T> { private value: T; constructor(value: T) { this.value = value; } getValue(): T { return this.value; } } const numberBox = new Box<number>(42); console.log(numberBox.getValue()); // 42 const stringBox = new Box<string>("Hello"); console.log(stringBox.getValue()); // "Hello" ``` 上面的例子中,变量`T`可以在类的成员变量类、构造函数参数类和方法返回值类中使用。 总结来说,TypeScript提供了一种灵活的方式来增加代码的可重用性和类安全性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值