编程开发实战课件03_TypeScript面向对象.pdf

TypeScript面向对象

王红元coderwhy

目录

1TypeScript类的使用

content

2TypeScript中抽象类

3TypeScript对象类型

4TypeScript接口补充

5特殊:严格字面量检测

6TypeScript枚举类型

coderwhy认识类的使用

◼在早期的JavaScript开发中（ES5）我们需要通过函数和原型链来实现类和继承，从ES6开始，引入了class关键字，可以更加方

便的定义和使用类。

◼TypeScript作为JavaScript的超集，也是支持使用class关键字的，并且还可以对类的属性和方法等进行静态类型检测。

◼实际上在JavaScript的开发过程中，我们更加习惯于函数式编程：

比如React开发中，目前更多使用的函数组件以及结合Hook的开发模式；

比如在Vue3开发中，目前也更加推崇使用CompositionAPI；

◼但是在封装某些业务的时候，类具有更强大封装性，所以我们也需要掌握它们。

◼类的定义我们通常会使用class关键字：

在面向对象的世界里，任何事物都可以使用类的结构来描述；

类中包含特有的属性和方法；

coderwhy类的定义

◼我们来定义一个Person类：

使用class关键字来定义一个类；

◼我们可以声明类的属性：在类的内部声明类的属性以及对应的类型

如果类型没有声明，那么它们默认是any的；

我们也可以给属性设置初始化值；

在默认的strictPropertyInitialization模式下面我们的属性是必须

初始化的，如果没有初始化，那么编译时就会报错；

✓如果我们在strictPropertyInitialization模式下确实不希望给属

性初始化，可以使用name!:string语法；

◼类可以有自己的构造函数constructor，当我们通过new关键字创建

一个实例时，构造函数会被调用；

构造函数不需要返回任何值，默认返回当前创建出来的实例；

◼类中可以有自己的函数，定义的函数称之为方法；

coderwhy类的继承

◼面向对象的其中一大特性就是继承，继承不仅仅可以减少我们的代码量，也是多态的使用前提。

◼我们使用extends关键字来实现继承，子类中使用super来访问父类。

◼我们来看一下Student类继承自Person：

Student类可以有自己的属性和方法，并且会继承Person的属性和方法；

在构造函数中，我们可以通过super来调用父类的构造方法，对父类中的属性进行初始化；

coderwhy类的成员修饰符

◼在TypeScript中，类的属性和方法支持三种修饰符：public、private、protected

public修饰的是在任何地方可见、公有的属性或方法，默认编写的属性就是public的；

private修饰的是仅在同一类中可见、私有的属性或方法；

protected修饰的是仅在类自身及子类中可见、受保护的属性或方法；

◼public是默认的修饰符，也是可以直接访问的，我们这里来演示一下protected和private。

coderwhy只读属性readonly

◼如果有一个属性我们不希望外界可以任意的修改，只希望确定值后直接使用，那么可以使用readonly：

coderwhygetters/setters

◼在前面一些私有属性我们是不能直接访问的，或者某些属性我们想要监听它的获取(getter)和设置