ES6中的类与对象

目录

1.创建类

2.类constructor构造函数

3.类中添加方法

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; //定义子类独有的属性
    }
}

此时在上一节的例子中我们在子类的构造函数里可以用super关键字来调用父类的构造函数,这样数值就能传到sum里了,我们只需要修改一下子类的构造函数:

constructor(x,y) {
    super(x,y);
}

运行结果:

 注意:1.继承中,如果实例化子类输出一个方法,先看子类有没有这个方法,如果有就先执行子类的
            2.继承中,如果子类里面没有,就去查找父类有没有这个方法,如果有,就执行父类的这个              方法(就近原则)

            3.如果子类构造函数中也有this,如果用到super时,super必须放在this之前

如果父类中有一个普通函数,例如:

class father {
    age() {
        console.log('我是父亲");
    }
}

子类如果想调用父类中的这个普通函数,通过super也可以实现,例如:

super.age()

猜你喜欢

转载自blog.csdn.net/qq_49900295/article/details/123914689
今日推荐