Datehoer的博客
我本将心向明月,奈何明月照沟渠
Datehoer的博客

当前位置:主页 > 技术分享 > typescript 泛型在类和接口上面的应用

typescript 泛型在类和接口上面的应用

浏览: 作者:Datehoer 发布日期:2021-01-22 21:21:53 来源: 原创
今天继续接着前一篇文章typescript泛型generic来说。
typescript 泛型在类和接口上面的应用


我们创建一个队列类,队列中有两个方法,分别是push进入和pop离开,队列大家应该都明白,先进先出。

所以我们使用了pushshift两个方法。


typescript 泛型在类和接口上面的应用



typescript 泛型在类和接口上面的应用


然后我们设置一下item的类型,这样的话我们下面的值就要进行修改了。

解释一下为什么要设置类型,我们可以看到下面是先创建了queue这个变量,然后不断的将数据存放进去,我们可以储存不同类型的变量,但是我们如果调用的话,只能调用该类型的方法,如果说我们前面不设置类型的话,那么下面再执行第二局tofixed的时候就会发生错了。

但是假如我们在前面设置了类型,则会变得非常麻烦。

我们需要的是一种方法,设置了类型后,我们只能让同类型的数据加入。

这样我们就可以在类中使用泛型了。

之前在函数中我们用的是尖括号,这里也同样。



typescript 泛型在类和接口上面的应用

这里我们就直接将代码贴出来了,可以看到,我们通过泛型的话,直接在最后使用的时候设置类型就可以了,然后看下面的报错,很容易就知道我们不能将字符串类型的数据加入队列了。

 

接口也是可以使用泛型,然后变得更加灵活。

我们不知道要传入的是什么类型,那么就可以用泛型来进行动态传入了。


typescript 泛型在类和接口上面的应用

typescript 泛型在类和接口上面的应用

这就是泛型在接口的应用了。

接口搭配泛型,可以灵活的返回类型了。

好了,typescript中泛型我们就介绍到这里了,如果有什么疑问可以在评论区留言,我会在看到的第一时间进行回复的。



版权:本文由Datehoer原创,著作权归作者所有。商业转载请联系作者获得授权,非商业转载请保留以上作者信息和原文链接本文链接:https://zjzdmc.top/jsfx/131.html。

文章推荐

热门标签

返回顶部
下面为相关推荐
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!