typescript(Day5)泛型

typescript(Day5)泛型

泛型的出现主要是为了让我们的类、方法、接口得到最大程度的复用,并且还保留有类型检测。

  • 过去的代码复用性不高?
    在这里插入图片描述
    一样的功能需要写两遍,
    在这里插入图片描述
    当我们使用any类型来对函数进行封装,复用性确实是高了,但是确实了类型检测,所以综合下来,泛型的出现,就是为了解决这个问题,在保证代码复用性的前提下,还能继续的享有类型检测
    在这里插入图片描述

    泛型一般使用<T>来表示泛型,在定义了泛型之后,其他地方如果需要使用这个泛型就只需要用T来表示即可。

    泛型接口

    函数接口 – 限制函数形参的一种接口

    在这里插入图片描述

    在这里插入图片描述

    总结:定义了函数的接口以后, 形参个数 形参类型,返回值类型都必须要保持一致
泛型类

使用泛型类能够代码更加复用性更高

例:

在这里插入图片描述

  • 由以上的一个例子我们可以看出 我们写的这个类是只能使用于 number 类型的数组的
    其他类型是不能使用的 如 string类型是不能使用的

  • 如果要使用 就必须得重新写一遍一模一样的代码 只是将约束的类型改成了 string类型而已 那如果是这样 代码的耦合度就非常高了 写的不够优雅
    所以为了解决这个问题 就可以使用 来约束类 简称泛型类

    在这里插入图片描述
    在这里插入图片描述

总结:
  • 综上所述 在使用了泛型之后 我们一方面可以减少代码的耦合程度, 另外一方面还保留了代码量的少和优雅性 是最折中的一次使用了,泛型还是非常重要的 在c# java 中都是有泛型的

  • typescript的知识点差不多就已经是结束了 接着会跟着视频和文档做一些小案例,确实在用了ts之后觉得ts是比js要好用一些,毕竟一个规范化的语言是更好的。更不容易出错,也能养成一个注重类型的习惯。

  • 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、付费专栏及课程。

余额充值