js 子类怎么调用父级方法

在JavaScript中，子类调用父级方法的核心方法包括使用super关键字、直接调用父类的原型方法以及利用Object.getPrototypeOf方法。这些方法能够实现代码的重用、提高代码的维护性。以下将详细介绍这三种方法中的一种：使用super关键字。

在JavaScript的类继承中，super关键字是一个非常有用的工具，它允许子类调用父类的方法和构造函数。通过super，子类不仅可以访问父类的方法，还可以增强这些方法，增加新的功能或逻辑。

一、使用`super`关键字

1、调用父类的构造函数

当创建一个子类时，通常需要调用父类的构造函数以初始化父类的属性。这是通过super关键字实现的。super必须在子类构造函数的第一行调用，因为它负责初始化this关键字。

class Parent {
    constructor(name) {
        this.name = name;
    }
    greet() {
        console.log(`Hello, my name is ${this.name}`);
    }
}
class Child extends Parent {
    constructor(name, age) {
        super(name); // 调用父类的构造函数
        this.age = age;
    }
    greet() {
        super.greet(); // 调用父类的方法
        console.log(`I am ${this.age} years old`);
    }
}
const child = new Child('John', 25);
child.greet(); // 输出：Hello, my name is John
               // 输出：I am 25 years old

在这个例子中，Child类通过super(name)调用了Parent类的构造函数，并在子类的greet方法中通过super.greet()调用了父类的greet方法。

2、重写父类方法并调用

子类可以重写父类的方法，同时在新方法中调用父类的原始方法。这使得子类可以在保留父类方法功能的基础上添加新的行为。

class Animal {
    speak() {
        console.log('Animal speaks');
    }
}
class Dog extends Animal {
    speak() {
        super.speak(); // 调用父类的方法
        console.log('Dog barks');
    }
}
const dog = new Dog();
dog.speak(); // 输出：Animal speaks
             // 输出：Dog barks

在这个例子中，Dog类重写了Animal类的speak方法，并在新的speak方法中通过super.speak()调用了父类的speak方法。

二、直接调用父类的原型方法

除了使用super关键字外，还可以直接通过父类的原型调用父类的方法。这种方法在ES6之前的类继承中比较常见。

function Parent(name) {
    this.name = name;
}
Parent.prototype.greet = function() {
    console.log(`Hello, my name is ${this.name}`);
};
function Child(name, age) {
    Parent.call(this, name); // 调用父类的构造函数
    this.age = age;
}
Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;
Child.prototype.greet = function() {
    Parent.prototype.greet.call(this); // 调用父类的方法
    console.log(`I am ${this.age} years old`);
};
const child = new Child('John', 25);
child.greet(); // 输出：Hello, my name is John
               // 输出：I am 25 years old

在这个例子中，通过Parent.prototype.greet.call(this)直接调用了父类的greet方法。

三、利用`Object.getPrototypeOf`方法

Object.getPrototypeOf方法可以获取对象的原型，从而可以调用父类的方法。这在某些需要动态获取父类方法的场景下非常有用。

class Parent {
    greet() {
        console.log('Hello from Parent');
    }
}
class Child extends Parent {
    greet() {
        const parentGreet = Object.getPrototypeOf(Child.prototype).greet;
        parentGreet.call(this); // 调用父类的方法
        console.log('Hello from Child');
    }
}
const child = new Child();
child.greet(); // 输出：Hello from Parent
               // 输出：Hello from Child

在这个例子中，通过Object.getPrototypeOf(Child.prototype).greet.call(this)调用了父类的greet方法。

四、最佳实践和注意事项

1、明确继承关系

在使用继承时，确保类之间的继承关系明确且合理。子类应当是父类的一种特殊形式，而不是完全无关的类。

2、适度使用`super`

尽量在需要重用父类方法的情况下使用super，避免滥用。过多的调用可能导致代码难以维护。

3、测试和调试

确保在子类中调用父类方法的逻辑是正确的。编写单元测试和进行调试是确保代码行为符合预期的有效方法。

4、避免深层继承

尽量避免多层次的继承关系，因为它们会使代码变得复杂且难以维护。如果可能，考虑使用组合而不是继承。

通过以上的详细讲解，您可以在JavaScript中有效地实现子类调用父级方法，从而增强代码的重用性和可维护性。无论是使用super关键字、直接调用父类的原型方法，还是利用Object.getPrototypeOf方法，都各有其适用的场景和优势。