js 怎么调用父类

JS 调用父类的方法和属性：使用 super 关键字、在构造函数中调用父类的构造函数、在子类方法中调用父类方法。例如，假设你有一个名为 Person 的父类和一个名为 Employee 的子类，你可以通过以下方式调用父类的方法和属性。

一、构造函数中调用父类构造函数

当你在子类的构造函数中调用父类的构造函数时，你需要使用 super 关键字。这不仅可以确保子类继承父类的属性，也可以避免重复代码。

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
    greet() {
        console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
    }
}
class Employee extends Person {
    constructor(name, age, jobTitle) {
        super(name, age); // 调用父类的构造函数
        this.jobTitle = jobTitle;
    }
    describeJob() {
        console.log(`I am a ${this.jobTitle}.`);
    }
    greet() {
        super.greet(); // 调用父类的方法
        console.log(`I work as a ${this.jobTitle}.`);
    }
}
const emp = new Employee('Alice', 30, 'Software Developer');
emp.greet();
emp.describeJob();

二、在子类方法中调用父类方法

除了在构造函数中调用父类的构造函数，你还可以在子类的方法中调用父类的方法。这对于需要扩展或修改父类方法的功能时非常有用。

详细描述：在子类的方法中调用父类方法

在上面的示例中，我们已经展示了如何在 greet 方法中调用父类的 greet 方法。这对于增强或扩展父类的方法非常有用。例如，如果你希望在问候语中添加更多的信息，比如员工的职位，你可以先调用父类的 greet 方法，然后再添加额外的内容。

三、属性继承和方法重写

继承不仅可以用于方法，也可以用于属性。你可以通过在子类的构造函数中调用 super 来继承父类的属性。此外，你还可以重写父类的方法，以便在需要时提供不同的实现。

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
    greet() {
        console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
    }
}
class Employee extends Person {
    constructor(name, age, jobTitle) {
        super(name, age); // 调用父类的构造函数
        this.jobTitle = jobTitle;
    }
    greet() {
        super.greet(); // 调用父类的方法
        console.log(`I work as a ${this.jobTitle}.`);
    }
}

四、示例解析

在上述示例中，Employee 类继承了 Person 类，通过调用 super 关键字来访问父类的构造函数和方法。super(name, age) 用于初始化父类的属性，而 super.greet() 则用于调用父类的方法。

五、总结

通过使用 super 关键字，JavaScript 的类继承机制允许你在子类中轻松调用父类的方法和属性。这不仅提高了代码的可重用性和可维护性，还使得代码结构更加清晰和直观。

构造函数中调用父类构造函数：使用 super 关键字。
在子类方法中调用父类方法：使用 super.methodName()。
属性继承和方法重写：通过在子类的构造函数中调用 super 来继承父类的属性，并在子类中重写父类的方法。

掌握这些技术，你可以更高效地编写和维护 JavaScript 代码，并充分利用面向对象编程的优势。