class的用法
以前刚接触编程时就听得最多的就是面向对象编程,但后来工作后能通过面向对象编程的少之又少,现在企业里的开发做的都是业务逻辑,牵扯到的多半是业务代码。最近做了个编辑器的功能,里面使用了面向对象编程的思想,让我颇有感触,所以学好class作为基础还是很重要的。
1.constructor方法
class People {
}
//等同于
class People {
constructor() {}
}
constructor默认返回实例对象(this),在一个类中只能有一个名为 constructor 的方法 ,否则会报错
2.静态属性和方法
class People {
// 加上static关键字,就表示该方法不会被实例继承,只能子类继承
static peopleMethod(){
console.log("hello people!")
}
static peopleProperty = "吃吃喝喝"
}
子类可以继承父类的静态属性和静态方法,而实例不可以,实例可以使用父类的公共属性和公共方法,相当于class所创建的类的公共属性和方法都挂载到它的protoytype上
3.继承父类
class Child extends People {
static childMethod(){
// 继承父类的静态方法,但不能修改
super.peopleMethod()
}
//继承父类的静态属性,但不能修改
static childProperty = super.peopleProperty
constructor(name, age) {
//继承父类属性
super(name, age);
}
sleep() {
//继承父类方法
super.sleep()
}
}
let child = new Child('小红', 18);
1.子类用extends关键字继承
2.super()只能用在子类的构造函数之中,使用super,子类可以调用父类的属性和方法
3.父类的子类的constructor中必须调用super,因为子类没有this指向,而是继承父类的this。
4.是否可以枚举
console.log(Object.keys(People.prototype)); //==> []
class中的属性和方法是不可以枚举的,而es5中是可以枚举的
5.多个类的方法添加
Object.assign(People.prototype,{
getHobby(){
console.log('篮球');
},
getAddress(){
console.log('南京');
}
});
console.log(People.prototype)