2021-10-17-typescript学习（二）

title: typescript学习（二）categories: TS
tag: TypeScript
date: 2021-10-17 14:42:34
类型缩小
认识类的使用
接口的声明
字面量赋值
认识泛型

title: typescript学习（二）categories: TS
tag: TypeScript
date: 2021-10-17 14:42:34

类型缩小

什么是类型缩小呢？

类型缩小的英文是 Type Narrowing；
我们可以通过类似于 typeof padding === “number” 的判断语句，来改变TypeScript的执行路径；
在给定的执行路径中，我们可以缩小比声明时更小的类型，这个过程称之为缩小;
而我们编写的 typeof padding === “number 可以称之为类型保护（type guards）；

常见的类型保护有如下几种：

typeof
平等缩小（比如===、!==）
instanceof
in

1. typeof

在 TypeScript 中，检查返回的值typeof是一种类型保护：因为 TypeScript 对如何typeof操作不同的值进行编码。

2. 平等缩小

我们可以使用Switch或者相等的一些运算符来表达相等性（比如===, !==, ==, and != ）：

2021-10-17-typescript学习（二） - 图2

3. instanceof

JavaScript 有一个运算符来检查一个值是否是另一个值的“实例”：

2021-10-17-typescript学习（二） - 图3

4. in

Javascript 有一个运算符，用于确定对象是否具有带名称的属性：in运算符

如果指定的属性在指定的对象或其原型链中，则in 运算符返回true；

2021-10-17-typescript学习（二） - 图4

认识类的使用

我们来定义一个Person类：

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

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

如果类型没有声明，那么它们默认是any的；
我们也可以给属性设置初始化值；
在默认的strictPropertyInitialization模式下面我们的属性是必须初始化的，如果没有初始化，那么编译时就会报错；
- 如果我们在strictPropertyInitialization模式下确实不希望给属性初始化，可以使用 name!: string语法；

类可以有自己的构造函数constructor，当我们通过new关键字创建一个实例时，构造函数会被调用；

构造函数不需要返回任何值，默认返回当前创建出来的实例；
类中可以有自己的函数，定义的函数称之为方法；

2021-10-17-typescript学习（二） - 图5

类的继承

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

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

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

Student类可以有自己的属性和方法，并且会继承Person的属性和方法；
在构造函数中，我们可以通过super来调用父类的构造方法，对父类中的属性进行初始化；

2021-10-17-typescript学习（二） - 图6

使用super关键字

class Person{
  name:string
  age:number
    constructor(name:string,age:number){
    this.name=name
    this.age=age
  }
  eating(){
    console.log('eating');
  }
}
class Student extends Person{
    sno:number
  constructor(name:string,age:number,sno:number){
    //调用父类构造器
    super(name,age)
      this.sno=sno
  }
  studying(){
    console.log('studying');
  }
}
//此时学生也是有name属性的
const stu=new Student('donghuan',22,111)
console.log(stu.name);

也可以通过super调用

  //方法的重写
  eating(){
    super.eating()
    console.log('student eating');
  }
}
//此时学生也是有name属性的
const stu=new Student('donghuan',22,111)
stu.eating()

类的成员修饰符

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

public 修饰的是在任何地方可见、公有的属性或方法，默认编写的属性就是public的；
private 修饰的是仅在同一类中可见、私有的属性或方法；
protected 修饰的是仅在类自身及子类中可见、受保护的属性或方法；

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

private的使用

2021-10-17-typescript学习（二） - 图7

protected的使用

2021-10-17-typescript学习（二） - 图8

只读属性readonly

如果有一个属性我们不希望外界可以任意的修改，只希望确定值后直接使用，那么可以使用readonly。仅仅属性本身不能修改。但是如果是对象。是可以修改这个对象的属性

2021-10-17-typescript学习（二） - 图9

getters和setters

2021-10-17-typescript学习（二） - 图10

类的静态成员

前面我们在类中定义的成员和方法都属于对象级别的, 在开发中, 我们有时候也需要定义类级别的成员和方法。

在TypeScript中通过关键字static来定义：

class Person{
  static time:string="22:00"
  static attend(){
    console.log('attend');
  }
}
//不需要new出来对象，直接访问就可以了
console.log(Person.time);
Person.attend()