typescript类，继承和修饰符

最新推荐文章于 2024-08-07 09:36:16 发布

litter_lj

最新推荐文章于 2024-08-07 09:36:16 发布

阅读量179

点赞数

分类专栏： Typescript 文章标签： typescript

本文链接：https://blog.csdn.net/litter_lj/article/details/88370353

版权

Typescript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.类的定义

/类的定义
class Person {
  name: string; //默认是public修饰符
  //构造函数
  constructor(name: string) {
    this.name = name;
  }
  //方法 无返回值
  run(): void {
    console.log(this.name);
  }
  work(): string {
    return `我是${this.name}`;
  }
}
let p = new Person("张三"); //实例化
p.run(); //调用run方法
console.log(p.work()); //调用work方法

2.继承

//类的定义
class Person {
  name: string; //默认是public修饰符
  //构造函数
  constructor(name: string) {
    this.name = name;
  }
  //方法 无返回值
  run(): void {
    console.log(this.name);
  }
  work(): string {
    return `我是${this.name}`;
  }
}
let p = new Person("张三"); //实例化
p.run(); //调用run方法
console.log(p.work()); //调用work方法

class Web extends Person {
  age: number; //子类自己的属性
  constructor(name: string, age: number = 20) {
    super(name);
    this.age = age;
  }
  //子类的同名方法优先级较高，但是方法类型要一样
  work(): string {
    return `子类:${this.name}`;
  }
  wk(): void {
    console.log(this.age);
  }
}
let w = new Web("子", 100); //不赋值默认是20
console.log(w.work()); //结果是子类:子
w.wk(); //结果是100

3.修饰符

// public 默认

//类的定义
/*修饰符
 * public 当前类 子类 类外面都可以访问
 * protected 当前类 子类可以访问 但是类外面不能访问
 * private  当前类可以访问 子类和类外面不能访问
 */

class Person {
  name: string; //默认是public修饰符
  //构造函数
  constructor(name: string) {
    this.name = name;
  }
  //方法 无返回值
  run(): void {
    console.log(this.name);
  }
  work(): string {
    return `我是${this.name}`;
  }
}
let p = new Person("张三"); //实例化
console.log(p.name); //结果是张三

class Web extends Person {
  age: number; //子类自己的属性
  constructor(name: string, age: number = 20) {
    super(name);
    this.age = age;
  }
  //子类的同名方法优先级较高，但是方法类型要一样
  work(): string {
    return `子类:${this.name}`;
  }
  wk(): void {
    console.log(this.age);
  }
}
let w = new Web("子", 100); //不赋值默认是20
console.log(w.name); //结果是子

// protected

//类的定义
/*修饰符
 * public 当前类 子类 类外面都可以访问
 * protected 当前类 子类可以访问 但是类外面不能访问
 * private  当前类可以访问 子类和类外面不能访问
 */

class Person {
  protected name: string; //这边是protected修饰符
  //构造函数
  constructor(name: string) {
    this.name = name;
  }
  //方法 无返回值
  run(): void {
    console.log(this.name);
  }
  work(): string {
    return `我是${this.name}`;
  }
}
let p = new Person("张三"); //实例化
console.log(p.name); //这边ts会提示错误

class Web extends Person {
  age: number; //子类自己的属性
  constructor(name: string, age: number = 20) {
    super(name);
    this.age = age;
  }
  //子类的同名方法优先级较高，但是方法类型要一样
  work(): string {
    return `子类:${this.name}`;
  }
  wk(): void {
    console.log(this.age);
  }
}
let w = new Web("子", 100); //不赋值默认是20
console.log(w.name); //这边ts会提示错误

// private 私有的

//类的定义
/*修饰符
 * public 当前类 子类 类外面都可以访问
 * protected 当前类 子类可以访问 但是类外面不能访问
 * private  当前类可以访问 子类和类外面不能访问
 */

class Person {
  private name: string; //这边是private修饰符
  //构造函数
  constructor(name: string) {
    this.name = name;
  }
  //方法 无返回值
  run(): void {
    console.log(this.name);
  }
  work(): string {
    return `我是${this.name}`;
  }
}
let p = new Person("张三"); //实例化
console.log(p.name); //这边ts会提示错误

class Web extends Person {
  age: number; //子类自己的属性
  constructor(name: string, age: number = 20) {
    super(name);
    this.age = age;
  }
  //子类的同名方法优先级较高，但是方法类型要一样
  work(): string {
    return `子类:${this.name}`; //这边ts会提示错误
  }
  wk(): void {
    console.log(this.age);
  }
}
let w = new Web("子", 100); //不赋值默认是20
console.log(w.name); //这边ts会提示错误