什么是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()
|