天天看点

TypeScript与面向对象

目录

1、引

2、类(class)

3、构造函数和this

4、继承

5、super

6、抽象类

7、接口

8、属性的封装

9、泛型

简而言之就是程序之中所有的操作都需要通过对象来完成。一切操作都要通过对象,也就是所谓的面向对象,在程序中对象被分成了两个部分数据和功能,以人为例,人的姓名、性别、年龄、身高等属于数据,人可以说话、走路、吃饭、睡觉这些都属于人的功能,数据在对象中被称为属性,而功能被称为方法,所以简而言之在程序中一切皆对象

readonly 表示一个只读属性,不能修改,是在实例上的

static 表示一个静态属性,通过类的点语法

子类写了constructor构造函数必须使用super继承父类constructor构造函数的属性

抽象方法只能定义在抽象类中,子类必须对抽象方法进行重写

接口的作用类似于抽象类,不同点在于接口中的所有方法和属性都是没有实值的,换句话说接口中的所有方法都是抽象方法。接口主要负责定义一个类的结构,接口可以去限制一个对象的接口,对象只有包含接口中定义的所有属性和方法时才能匹配接口。同时,可以让一个类去实现接口,实现接口时类中要保护接口中的所有属性。

示例(检查对象类型):

示例(实现)

public

修饰的属性可以再任意位置访问修改默认值

private

私有属性,私有属性只能在类内部进行访问修改

protected

protected受包含的属性,只能在当前类和当前类的子类中访问

getter方法用来读取属性

setter方法迎来设置属性

getter和setter被统一称为属性的存储器,定义时在方法之前添加get和set,调用的时候直接通过点语法调用

定义一个函数或类时,有些情况下无法确定其中要使用的具体类型(返回值、属性、参数的类型不能确定),此时泛型便能通够发挥作用

在这个例子中,test函数又一个参数类型不确定,但是能确定的是其返回值的类型和参数的类型是相同的,由于类型不确定所有参数和返回值均使用了any,但是很明显这样做是不合适的,首先使用any会关闭TS的类型检查,其次这样设置也不能体现出参数和返回值是相同的类型

通过泛型来确认参数和返回值的类型相同

这里的<code>&lt;T&gt;</code>就是泛型,T是我们给这个类型起的名字(不一定必须叫T),设置泛型后即可在函数中使用T来表示该类型。所以泛型其实很好理解,<code>就表示某个类型</code>

那么如何使用上面的函数呢?

方式一(直接使用)

使用时直接传递参数使用,类型会由TS自动推断出来,但有时编译器无法自动判断时还需要使用下面的方式

方式二(指定类型)

也可以在函数后手动指定泛型

可以同时指定多个泛型,泛型间使用逗号隔开

使用泛型时,完全可以将泛型当成是一个普通的类去使用

类中同样可以使用泛型

除此之外,也可以对泛型的范围进行约束

使用T extends MyInter表示泛型T必须是MyInter的子类,不一定非要使用接口类和抽象类同样适用。

继续阅读