ES6 class的类继承

2023-05-23 09:41:11 浏览数 (1)

类继承的概念

类继承是一种通过创建子类来继承父类的属性和方法的方式。通过类继承,子类可以获得父类的实例属性和方法,并且可以通过子类的原型链访问父类的静态属性和方法。这种继承方式允许子类扩展父类的功能,并添加自己的属性和方法。

类继承的关键在于使用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.

在这个示例中,我们定义了两个父类Parent1Parent2,它们分别有自己的方法。然后,我们定义了一个子类Child,它同时继承了Parent1Parent2

通过类继承,子类Child获得了两个父类的方法。我们创建了一个Child类的实例,并分别调用了继承的方法method1()method2()和自身的方法method3()

0 人点赞