TypeScript技术(四)面向对象!!

目录

简介

面向对象

Object对象类型

 接口(interface)与类(class)

 Module模块

Generics 泛型


简介

本文章主要包含的知识点有,object对象类型,interface接口,class类,Access Modifier访问修饰符,Module模块,Generics泛型。话不多说,一起学习吧!


面向对象

Object对象类型

 我们也可以访问该对象不存在的属性,如:

可以看到会报错,但是再原生JavaScript中是不会报错的。 

 这个会自动匹配类型,使用的是键类型定义。

 还可以给定该对象是什么类型,如果是object类型,则调用不存在的属性,也会报错,如果使用any则就不会了,在这里就不讲解区别了,正常都是使用object,或者直接指明每个属性的类型,如下:

 接口(interface)与类(class)

 在这里只说明语法了,具体定义其实跟Java面向对象一样,如果有前端不知道面向对象的,可以先去了解一下面向对象相关知识吧!

接口语法:

类语法:

 类中的构造函数:

 如果再构造函数参数中使用访问修饰符,则可以省略写成员变量。

 Module模块

最简单的理解就是一个文件就是一个Module

Generics 泛型

可以看出指定的Array是string类型的泛型,则后面的值为数字时报错。

由此可见:泛型其实就是一个数据的模板,往这个模板里输入什么类型,它就会根据你的类型输入对应的确定的类型。

到此为止,我们已经学习玩TypeScript的基础知识,相信大家已经掌握了TypeScript了。  多加练习,迈向前端大牛的道路不远了!!


作者:筱白爱学习!!

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

筱白爱学习

你的鼓励将是我写作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值