目录
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()