typescript class

什么是class 

class是基于原型继承的一种语法

示例 解析

class Animal {
  name: string;
 static name1:string="6666"
  constructor(theName: string) {
    this.name = theName;
  }
  move(distanceInMeters: Number = 0) {
    console.log(`${this.name}moved${distanceInMeters}`);
  }
}

class Snake extends Animal {
  constructor(name: string) {
    super(name);//super 的第一种用法 引用父类的构造函数
  }
  move(distanceInMeters = 5) {
    console.log("sitthering....");
    super.move(distanceInMeters);// super的第二种用法 super.method 调用父类的方法
  }
}

class Horse extends Animal {
  constructor(name: string) {
    super(name);
  }
  move(distanceInMeters = 45) {
    console.log("Galloping....");
    super.move(distanceInMeters);
  }
}

let sam = new Snake("sanmy then python");
let tom = new Horse("Tommy the palomino");

sam.move();
tom.move(34);

我们根据以上示例，进行代码分析然后总结

constructor

constructor 是类的构造器，是一个构造函数，是class的默认方法，通过new 命令创建对象时，自动调用该方法，并且传参。
 

继承

ts中基于面向对象的模式，允许继承来扩展现有的类

super  

super的作用有两个

1，在constructor中调用 表示引用父类的构造函数

2，在 方法中调用 表示 调用父类的方法 super.methods

extends

extends 表示继承 子类继承父类的属性和方法

class Person {
  // readonly 修饰的属性 表示只读 只有在 定义或者 constructor构造器的初始化过程中赋值
  readonly name: string;
  constructor(name: string) {
    this.name = name;
  }
  setName(name: string): void {
    // this.name = name//报错
  }
}

class Son extends Person {
  // extends表示 继承父类的属性和方法等
  age: number;
  constructor(name: string, age: number) {
    super(name);
    this.age = age;
  }
}

const son = new Son("小宋宝宝", 18);

console.log("son",son.age, son.name);

static 静态修饰符

staic加在属性前表示静态属性

staic加在方法前表示静态方法

加了static的属性或者方法，只能通过类调用，不能通过实例访问

readonly 只读修饰符

class Person{
  // readonly 修饰的属性 表示只读 只有在 定义或者 constructor构造器的初始化过程中赋值
  readonly name:string
  constructor(name:string){
    this.name = name
  }
  setName(name:string):void{
    this.name = name//报错
  }
}

访问控制符 public private protected

public  控制符

public 修饰符 是默认的修饰符  表示 公共的属性或者方法
添加了public修饰符的 属性或者方法可以 在类的内部和外部 访问

private 控制符

private 修饰的属性和方法只能在类的内部使用，在类的外部访问就会报错

• 在父类中定义的数据或者方法，如果被private修饰了
• 就只能在当前类中访问或者调用
• 不能在子类或这通过设立方法调用

 protected 控制符

protected 控制符的作用是 

• 修饰的 属性或者方法 只能在父类或者子类访问或者调用
• 不能通过new 方法创建实例并调用

 abstract 抽象类

abstract 抽象类 中的抽象方法，不包含具体实现，且必须在派生类中实现

abstract class ChouXiang{
     say(){
       console.log("我是谁的谁")
     }
     abstract sayInfo():void;
}

class Choux1 extends ChouXiang{
  sayInfo(){
    console.log("我是一个小可爱")
  }
}
let cx = new Choux1()
cx.sayInfo()

class 属性封装

当 控制符修改为 private 或者 protected的时候，无法直接在外部修改 属性值，这个时候可以用属性 get set 修改

设置 get set方法

class Person1 {
    private name:string
    private age:number
    constructor(name:string,age:number){
        this.name = name
        this.age = age
    }

    setName (name:string){
        this.name = name
    }
    getName(){
        return this.name
    }
}

const p1 = new Person1("无敌一号",18)

p1.setName('666')

console.log(p1)

class company{
    private name:string
    constructor(name:string){
        this.name = name 
    }
    get fullName():string{
        return this.name
    }  
    set fullName(val:string){
        this.name = val
    }         
}

const c = new company("333")
console.log("c",c)