ES6中的类与对象

4.类的继承

5.super关键字

1.创建类

---

语法：

class name {

//class body

}

创建实例：

var xx = new name()

注意：类必须用new实例化对象

2.类constructor构造函数

---

constructor()方法是类的构造函数(默认方法) ,用于传递参数返回实例对象,通过new命令生成对象实例时,自动调用该方法。如果没有显示定义，类内部会自动给我们创建一个constructor()

示例：

// 1.创建类class 创建一个学生类

class student {

constructor(uname) {

this.uname = uname;

}

}

// 2.利用类创建对象new

var stu = new student (‘小红’);

3.类中添加方法

---

在类中添加方法我们不需要添加function()

// 1.创建类class 创建一个学生类

class student {

constructor(uname) {

this.uname = uname;

}

age() {

console.log(‘18岁了’);

}

// 2.利用类创建对象new

var stu = new student (‘小红’);

且多个函数方法之间不需要添加逗号分隔

调用只需要：

stu.age();

4.类的继承

---

子类可以继承父类的一些属性和方法

语法：

class Father { //父类

}

class son extends Father { // 子类继承父类

}

示例：父类里有一个sum方法，可以输出传进来的两个参数相加之和，子类继承了父类，那么是否可以调用父类的这个sum方法呢？

class father {

constructor(x,y) {

this.x = x;

this.y = y;

}

sum() {

console.log(this.x + this.y);

}

}

var zyd = new father(4,5);

zyd.sum();

class son extends father {

constructor(x,y) {

this.x = x;

this.y = y;

}

}

var zyj = new son(6,7);

zyj.sum();

运行结果：

程序报错了，因为父类的sum方法里的this.x和this.y指向的是父类的构造函数里的数据。子类调用这个方法，父类里没有得到数值，自然sum中的this没有指向的数值就会报错。

这个时候就用到super关键字了：

5.super关键字

---

super关键字用于访问和调用对象父类上的函数。可以调用父类的构造函数,可以调用父类的普通函数

语法：

class Person { // 父类

constructor (surname) {

this. surname = surname;

}

}

class Student extends Person {

//子类继承父类

constructor (surname,firstname) {

super ( surname) ;

//调用父类的constructor (surname)

this.firstname = firstname; //定义子类独有的属性

}

}