TypeScript基础入门 - 泛型 - 泛型类-白红宇

TypeScript基础入门 - 泛型 - 泛型类

阅读量：6124 次

发布时间：2019-06-21

本文共 897 字，大约阅读时间需要 2 分钟。

转载

项目实践仓库

https://tag: 1.3.3

为了保证后面的学习演示需要安装下ts-node，这样后面的每个操作都能直接运行看到输出的结果。

npm install -D ts-node

后面自己在练习的时候可以这样使用

npx ts-node 脚本路径

泛型

泛型类

泛型类看上去与泛型接口差不多。泛型类使用（<>）括起泛型类型，跟在类名后面。

class GenerateT
    
      {    zeroValue: T;    add: (x: T, y: T) => T;}let generateT1 = new GenerateT
     
      ();generateT1.zeroValue = 1generateT1.add = (x, y) => { return x + y; }

GenerateNumber类的使用是十分直观的，并且你可能已经注意到了，没有什么去限制它只能使用number类型。也可以使用字符串或其它更复杂的类型。

class GenerateT
    
      {    zeroValue: T;    add: (x: T, y: T) => T;}let generateT2 = new GenerateT
     
      ();generateT2.zeroValue = "";generateT2.add = (x, y) => { return x + y; }console.log(generateT2.add(generateT2.zeroValue, "test"));

与接口一样，直接把泛型类型放在类后面，可以帮助我们确认类的所有属性都在使用相同的类型。

我们在类那节说过，类有两部分：静态部分和实例部分。泛型类指的是实例部分的类型，所以类的静态属性不能使用这个泛型类型。

本实例结束实践项目地址

https://tag: 1.3.4

转载于:https://my.oschina.net/zhangdapeng89/blog/1936256

你可能感兴趣的文章