类继承的概念
类继承是一种通过创建子类来继承父类的属性和方法的方式。通过类继承,子类可以获得父类的实例属性和方法,并且可以通过子类的原型链访问父类的静态属性和方法。这种继承方式允许子类扩展父类的功能,并添加自己的属性和方法。
类继承的关键在于使用extends
关键字指定父类的名称,并在子类的构造函数中使用super()
函数来调用父类的构造函数。这样可以确保子类继承了父类的属性,并完成了属性的初始化过程。
语法
ES6中类继承的语法如下:
代码语言:javascript复制class ChildClassName extends ParentClassName {
constructor(/* 子类构造函数参数 */) {
super(/* 父类构造函数参数 */);
// 子类构造函数代码
}
}
在子类的定义中,使用extends
关键字指定父类的名称。然后,在子类的构造函数中使用super()
函数来调用父类的构造函数。这样可以确保子类继承了父类的属性,并完成了属性的初始化。
示例
让我们通过一些示例来理解ES6中类继承的使用。
示例1:单继承
代码语言:javascript复制class Animal {
constructor(name) {
this.name = name;
}
eat() {
console.log(`${this.name} is eating.`);
}
}
class Dog extends Animal {
bark() {
console.log(`${this.name} is barking.`);
}
}
const dog = new Dog('Bobby');
dog.eat(); // 输出:Bobby is eating.
dog.bark(); // 输出:Bobby is barking.
在上面的示例中,我们定义了一个Animal
类,它有一个属性name
和一个方法eat()
。然后,我们定义了一个Dog
类,它通过extends
关键字继承了Animal
类,并添加了一个新的方法bark()
。
通过类继承,Dog
类获得了Animal
类的属性和方法。我们创建了一个Dog
类的实例,并调用了继承的eat()
方法和自身的bark()
方法。
示例2:多继承
代码语言:javascript复制class Parent1 {
method1() {
console.log('This is Parent 1 method.');
}
}
class Parent2 {
method2() {
console.log('This is Parent 2 method.');
}
}
class Child extends Parent1, Parent2 {
method3() {
console.log('This is Child method.');
}
}
const child = new Child();
child.method1(); // 输出:This is Parent 1 method.
child.method2(); // 输出:This is Parent 2 method.
child.method3(); // 输出:This is Child method.
在这个示例中,我们定义了两个父类Parent1
和Parent2
,它们分别有自己的方法。然后,我们定义了一个子类Child
,它同时继承了Parent1
和Parent2
。
通过类继承,子类Child
获得了两个父类的方法。我们创建了一个Child
类的实例,并分别调用了继承的方法method1()
、method2()
和自身的方法method3()
。