前端系列三十三：TS中的class类

实例属性初始化：

写法：

class Person {
       age: number
       gender = ' 男 '
       }

const p = new Person( )

解释：

1.声明成员 age，类型为number ( 没有初始值 )

2.声明成员 gender, 并设置初始值，此时，可省略类型注解 ( TS类型推论为string类型 )

class类：

构造函数:

class Person {
   age: number
   gender: string

       constructor ( age: number, gender: string ) {
       this.age = age
       this.gender = gender
       }

}

解释：

1.成员初始化( 比如 age: number ) 后,才可以通过 this.age 来访问实例成员

2.需要为构造函数指定类型注解，否则会被隐式推断为 any; 构造函数不需要返回值类型

实例方法：

class Point {
x = 10
y= 10

   scale( n:number ): void {
   this.x *= n
   this.y *= n
   }
    }

解释：

方法的类型注解 ( 参数和返回值 ) 与函数用法相同

继承：

两种方式：
1. extends ( 继承父类 ) :

   class Animal {
   move() { console.log('Moving dlong') }
   }

   class Dog extends Animal {
   bark() { console.log( '汪' ) }
   }

const dog = new Dog( )

解释：

通过extends 关键字实现继承

子类Dog 继承父类Animal 则 Dog的实例对象 dog 就同时具有了父类 Animal 和子类 Dog的
所有属性和方法

2. implements ( 实现接口 ):

写法：

interface Singale {
   sing( ) : void
   name: string
   }

   class Person implements Singale {
   name: 'jack'
   sing( ) {
   console.log( '你是我的小苹果' )
   }
   }

解释：

通过'implements' 关键字让 class 实现接口

Person类实现接口 Singable 意味着，Person 类中必须提供 Singable 接口中指定所有的方法
和属性

类成员可见性：

可以使用TS来'控制class的方法或属性对于class外的代码是否可见'

可见性修饰符包括：

(1).public (公有的)：表示公有的，'公有成员可以被任何地方访问'，默认可见性

   class Animal {
   public move ( ) {
   console.log( 'Moving along' )
   }
   }

解释：

1.在类属性或方法前面添加 ' public' 关键字，来修饰该属性或方法是共有的

2. 因为 public 是默认可见性，所以，'可以直接省略'

(2) protected: 表示'受保护的',仅对其声明所在类和子类中 (非实例对象) 可见

class Animal {
   protected move ( ) {
   console.log( 'Moving along' )
   }
   }

   class Dog extends Animal {
   bark( ) {
   console.log( '汪！' )
   }
   this.move( )
   }

解释：

1.在类属性或方法前面添加 protected 关键字, 来修饰该属性或方法是受保护的

2.在子类的方法内部可以通过 this来访问父类中受保护的成员，但是,'对实例不可见'

(3)private: 表示'私有的,只在当前类中可见'，对实例对象以及子类也是不可见的

写法：

class Animal {
private move( ) { console.log( 'hello' ) }

   walk ( ) {
   this.move( )
   }
   }

解释：

1.在类属性或方法前面添加 'private' 关键字，来修饰该属性或方法是私有的

2.私有的属性或方法只在当前类中可见，对子类和实例对象也都是不可见的

只读修饰符：

readonly
readonly：表示'只读',用来防止在构造函数之外对属性进行赋值

   写法：
   class Person {
   readonly age: number = 18
   constructor ( age: number ) {
   this.age = age
   }
   }

解释：

1.使用'readonly' 关键字修饰属性是只读的,注意'只能修饰属性不能修饰方法'

2.注意：属性age后面的类型注解 ( 比如,此处的number )如果不加，则age的类型为18 (字面量类型)

3.'接口或者{}表示的对象类型,也可以使用readonly'