如何在 ES6 中实现继承？

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

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

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

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

HTML

    JavaScript Class Inheritance
    
  
  
    
        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();
    

输出：

解释：

• 在上面的例子中， super关键字被用作一个“函数” ，它调用父类Mall并将参数传递给Shop。这是确保Shop是Mall实例的关键步骤。
• 另一方面， extends关键字用于将Shop设置为Mall 的子类或子类。必须使用扩展来将某个类设置为其他类的子类。