TS之类的继承

// ts中定义类和方法
class Person {
  name: string;      
  constructor(n: string) {   //构造函数，实例化类的时候触发的方法
    this.name = n;
  }

  run(): void {
    console.log(this.name);
  }
}

class Person1 {
  name: string;      
  constructor(name: string) {   //构造函数，实例化类的时候触发的方法
    this.name = name;
  }


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

let p1 = new Person1(‘李四‘);
console.log(p1.getName());
p1.setName(‘王五‘);
console.log(p1.getName());

// 父类
class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }

  run(): string {
    return `${this.name}在奔跑`;
  }
}

let p = new Person(‘张三‘);
console.log(p.run());

// 子类Web继承父类Person
class Web extends Person {

  constructor(name: string) {
    super(name);   // 表示调用父类的构造函数
  }

}

let w = new Web(‘李四‘);
console.log(w.run());

// 父类
class Person {
  public name: string;    // 公有属性

  constructor(name: string) {
    this.name = name;
  }

  run(): string {
    return `${this.name}在奔跑`;
  }
}

// 子类Web继承父类Person
class Web extends Person {

  constructor(name: string) {
    super(name);   // 表示调用父类的构造函数
  }

  work() {
    console.log(`${this.name}在工作`);
  }
}

// 子类访问name
let w = new Web(‘李四‘);
w.work();

// 类外部访问name
let p = new Person(‘XXX‘);
console.log(p.name);

// 父类
class Person {
  protected name: string;    // 保护属性

  constructor(name: string) {
    this.name = name;
  }
}

// 子类Web继承父类Person
class Web extends Person {

  constructor(name: string) {
    super(name);   // 表示调用父类的构造函数
  }

  work() {
    console.log(`${this.name}在工作`);
  }
}

// 子类访问name ：可以访问
let w = new Web(‘李四‘);
w.work();

// 类外部访问name
let p = new Person(‘XXX‘);
console.log(p.name);  // 报错

// 父类
class Person {
  private name: string;    // 私有属性

  constructor(name: string) {
    this.name = name;
  };

}

// 子类Web继承父类Person
class Web extends Person {

  constructor(name: string) {
    super(name);   // 表示调用父类的构造函数
  }

  work() {
    console.log(`${this.name}在工作===protected`);
  }
}

// 子类访问name ：可以访问
let w = new Web(‘李四‘);
w.work();