如何在ES6中实现继承

在本文中，我们将了解如何在ES6中实现继承。ES6 JavaScript支持面向对象编程的组件，例如对象、类和方法。在类中，我们可以通过实现继承来使子类继承父类的所有方法。这可以使用 extends 和 super 关键字来实现。

我们使用 extends 关键字来实现ES6中的继承。被继承的类称为基类或父类，而扩展基类或父类的类称为派生类或子类。在构造函数中使用 super() 方法来访问由派生类使用的所有父类的属性和方法。

下面的示例将演示使用 extends 和 super 关键字。

示例： 让我们创建一个名为“Shop”的类，它将继承父类”Mall”的方法。

HTML

<!DOCTYPE html> 
<html> 
<body> 
    <h2>JavaScript Class Inheritance</h2> 
    <p id="demo"></p> 
  
  
    <script> 
        class Mall { 
            constructor(shopname) { 
                this.shopname = shopname; 
            } 
            shopispresent() { 
                return this.shopname +  
                  ' is present in the  '; 
            } 
        } 
  
        class Shop extends Mall { 
            constructor(name, mallname) { 
                super(name); 
                this.mallname = mallname; 
            } 
            showshop() { 
                return this.shopispresent() + 
                  this.mallname; 
            } 
        } 
  
        let newMall = new Shop( 
          "Domino", "Select City Walk Mall" 
        ); 
        document.getElementById("demo") 
                .innerHTML = newMall.showshop(); 
    </script> 
</body> 
</html>

输出：

如何在ES6中实现继承

解释：

在上面的例子中， super 关键字被用作一个函数，该函数调用父类 Mall 并将参数传递给 Shop 。这是一个关键的步骤，以确保 Shop 是 Mall 的实例。
另一方面， extends 关键字用于将 Shop 设置为 Mall 的子类或子类。使用extends关键字是将一个类设置为另一个类的子类的必要条件。