如何从 JavaScript 中的子类调用父方法？

编程中称为继承的属性，一个类可以通过它派生其他类的方法和属性，类似于生物中的父子关系。一个孩子从父母那里继承了它的特征，但它不能反过来工作。另外，和众生的亲子关系一样，孩子除了继承的属性外，也可以有自己的属性。在编程上下文中，从其他类派生的类称为派生类或子类或子类。而派生特征的类称为基类或超类或父类。

继承、子类和超类的概念在所有编程语言中都是相同的，唯一的区别是它们的实现。这里的目标是在子类的帮助下调用父类中定义的函数。要获得此结果，可以使用以下列出的方法。

直接调用方法：由于派生类可以访问其基类的所有特性，因此使用子类的对象来引用父类的函数非常有意义。

javascript

    
        Calling parrent from child class
    
    
        
            class Parent {
                func1() {
                    alert("inside func1() of class parent");
                }
  
                func2() {
                    alert("inside func2() of class parent");
                }
            }
  
            class Child extends Parent {
                func3() {
                    alert("inside func3() of class Child");
                }
            }
  
            // Declaring objects
            // Parent's object
            let p1 = new Parent();
  
            // Child's object
            let c1 = new Child();
  
            // Calling func()1 using parent's object
            p1.func1();
  
            // Calling func1() using child's object
            c1.func1();
        
    

输出：两次将弹出警报，一次使用父对象，另一次使用子对象。

使用超级方法： super 关键字在 JS 中用于从父类调用函数和构造函数。在子类中提到 super 的地方，编译器会在其父类中查找指定的函数。这主要用于函数重载并且某个要求要求父级函数的版本时。它也用于重载构造函数

javascript

    
        Calling parrent from child class
    
  
    
        
            class Parent {
                func1() {
                    alert("inside func1() of class parent");
                }
  
                func2() {
                    alert("inside func2() of class parent");
                }
            }
  
            class Child extends Parent {
                // Overloaded function
                func1() {
                    alert("inside func1() of class Child ");
                    alert("calling func1() of parent class");
  
                    // Calling for parent's version of func1()
                    super.func1();
                }
            }
  
            let c1 = new Child();
  
            // Call to func1() of child class
            // There the func1() will call func1() 
            // From aprent using super
            c1.func1();
        
    

输出：

调用方法和构造函数：在这个程序中，我们从子类调用方法和构造函数。

javascript

    
        
         Call method and constructor from child class
        
    
  
    
        
            class Parent {
                constructor(name) {
                    this.name = name;
                }
  
                display() {
                    alert("name: " + this.name);
                }
            }
  
            class Child extends Parent {
                constructor(name, num) {
  
                    // Calling parent's constructor
                    super(name);
                    this.num = num;
                }
  
                display() {
  
                    // Calling display() from parent
                    super.display();
                    alert("num: " + this.num);
                }
            }
  
            let p1 = new Parent("a");
            let c1 = new Child("b", 1);
            p1.display();
            c1.display();
        
    

输出：