JavaScript 类 class

一.类

在 ES6 中新增加了类的概念，可以使用 class 关键字声明一个类，之后以这个类来实例化对象.类抽象了对象的公共部分，它泛指某一大类（class）对象特指某一个， 通过类实例化一个具体的对象.

1.创建类

class Star{
//类的共有属性放到constructor里面
constructor(name,age){
this.name=name;
this.age=age;
}
}
//使用定义的类创建实例对象
var pyy=new Star('彭于晏',18);
console.log(pyy)

注:

• 类里面有个constructor函数,可以接受传递过来参数,同时返回实例对象.
• constructor函数,只要有new生成实例时,就会自动调用这个函数,如果不写这个函数,类也会自动生成这个函数.
• 生成实例new不能省略
• 多个函数方法之间不需要添加逗号分隔

 二 .类的继承

//父类
class Father{
constructor(surname){
this.surname=surname;
}
say(){
console.log('你的姓是'+this.surname)
}
}
//子类继承父类
class Son extends Father{ 
}
var pyy=new Son('彭')
pyy.say() // 你的姓是彭

子类使用super关键字访问父类的方法

//父类
class Father{
constructor(x,y){
this.x=x;
this.y=y;
}
sum(){
console.log(this.x+this.y)
}
}
//子类继承父类
class Son extends Father{ 
constructor(x,y){
super(x+y)//使用super调用了父类中的构造函数
}
}
var son=new Son(2,3)
son.sum() // 结果是5

注意:

1. 继承中,如果实例化子类输出一个方法,先看子类有没有这个方法,如果有先执行子类的
2. 继承中,如果子类里面没有,就去查找父类有没有这个方法,就执行这个方法(就近原则)
3. 如果子类要继承父类的方法,同时在自己内部扩展自己的方法,利用super调用父类的构造函数,super必须在子类this之前调用.

// 父类有加法方法 class Father { 
constructor(x, y) { 
this.x = x; 
this.y = y; 
}
sum() { 
console.log(this.x + this.y); 
} 
}
// 子类继承父类加法方法 同时 扩展减法方法 
class Son extends Father { 
constructor(x, y) {
 // 利用super 调用父类的构造函数 super 必须在子类this之前调用,放到 this之后会报错 
super(x, y); 
this.x = x; 
this.y = y; 
}
subtract() { 
console.log(this.x ‐ this.y);
 } 
}
var son = new Son(5, 3); 
son.subtract(); //2
son.sum(); //8

 时刻注意this的指向问题,类里面的共有的属性和方法一定要加this使用 

• constructor中的this指向的是new出来的实例对象
• 自定义的方法,一般也是指向new出来的实例对象
• 绑定事件之后的this指向的就是触发事件的事件源

 在 ES6 中类没有变量提升，所以必须先定义类，才能通过类实例化对象