typeScript面试必备之-通识九:typeScript中的泛类

78 阅读 0 评论 52 点赞

我是靠谱客的博主愤怒铅笔，最近开发中收集的这篇文章主要介绍typeScript面试必备之-通识九:typeScript中的泛类，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1 泛型的定义
2 泛型函数
3 泛型类
4 泛型接口
复制代码

泛型：软件工程中，我们不仅要创建一致的定义良好的API，同时也要考虑可重用性。组件不仅能够支持当前的数据类型，同时也能支持未来的数据类型，这在创建大型系统时为你提供了十分灵活的功能。在像C#和Java这样的语言中，可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据。这样用户就可以以自己的数据类型来使用组件。
通俗理解：泛型就是解决类接口方法的复用性、以及对不特定数据类型的支持(类型校验)

我们第一个想到的就是：any可以解决这个问题。但是any放弃了类型检查,传入什么返回什么。比如:传入number 类型必须返回number类型传入 string类型必须返回string类型，如果是any的话传入的参数类型和返回的参数类型可以不一致。因此泛类实现就是为了实现：可以支持不特定的数据类型要求：传入的参数和返回的参数一直 demo1如下

getData<T>//表示是泛类型，根据调用的时候确定是那种数据类型
一般是getData<T>(value：T)：T/any/string/...{
}
复制代码

demo2如下泛型类：比如有个最小堆算法

class MinClas<T>{//泛型类的声明
  public list:T[]=[];//泛型数组
  add(value:T):void{
      this.list.push(value);//翻入数组是泛型参数
  }
  min():T{// 返回也是泛型     
      var minNum=this.list[0];
      for(var i=0;i<this.list.length;i++){
          if(minNum>this.list[i]){
              minNum=this.list[i];
          }
      }
      return minNum;
  }
}
var m1=new MinClas<number>();   /*实例化类 并且制定了类的T代表的类型是number*/
m1.add(3);
m1.add(2);
alert(m1.min())

复制代码

感谢：参考学习：https://www.itying.com：
自己总结到有道云笔记里面有更加清楚的标注方便查阅：
* Typescript 介绍
http://note.youdao.com/noteshare?id=c3e0d5810580041ade028a345519ce96&sub=E882CE350AC94C5596B146908C406274 * typeScript中的数据类型
http://note.youdao.com/noteshare?id=a07dd9a55779068d9409b79014a9a409&sub=CE3DA74B1A27412792DF9BB8F74E8E24 * typeScript中的函数
http://note.youdao.com/noteshare?id=adc64e95404f3c382c7549f05841c7b2&sub=65D365DE900049A28DD4697B61A5544A * 对象+继承
http://note.youdao.com/noteshare?id=7f82be21375761c13ccad1981510a614&sub=7856743A59934A59A1AA608AA78497F0 * 类的定义、继承、类里面的修饰符 http://note.youdao.com/noteshare?id=a4420ac729d8cc7c1eb72fc47198f00b&sub=399974DBD9FA4EC2A99548D8837CB61F * 静态属性静态方法抽象类多态
http://note.youdao.com/noteshare?id=efad91320514e4f21e07ec77a9bcfd7c&sub=DC3868B8459940CA884DC5B80EE25443
* typeScript中的接口
http://note.youdao.com/noteshare?id=ae4c7f13bec8e35b3fda4e326d7e7055&sub=6001FADE75904080A15395886608D366 * 可索引接口（数组，对象）+类类型接口
http://note.youdao.com/noteshare?id=aebf26ab922044a69cae082866ce8d86&sub=F73FB04DD10C4BA796173FBE40280B21
* 接口的继承、接口的扩展
http://note.youdao.com/noteshare?id=93e1dff481b8e299ee9c925e8e3a8b4a&sub=3C96456BFAA34C28BA6BB4E0B0C1E77B * 泛类
http://note.youdao.com/noteshare?id=6d9e0ec4cdb17249bf1bb11fae2e44ec&sub=B0C47B2089AC42E48C2E1BAAAD3FE9EF * 泛型接口
http://note.youdao.com/noteshare?id=49af2ba1bd6173467e7c7b844def959b&sub=F16F0C2857E347C0B8FB69522D5DEFA2