ES6中的类与对象


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('我是父亲");

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值