📜  在 ES6 中可以使用哪些关键字来实现继承?

📅  最后修改于: 2022-05-13 01:56:29.722000             🧑  作者: Mango

在 ES6 中可以使用哪些关键字来实现继承?

在本文中,我们将讨论在 es6 中可用于实现继承的关键字?在 JavaScript 中,“extends”、“this”和“super”关键字用于实现继承。

Extends 关键字:要构造一个作为另一个类的子类的类,请在类声明或类表达式中使用 extends 关键字。父类的方法被传递给子类。

  • JavaScript this 关键字: 关键字“this”指的是当前正在执行代码的对象。它指的是现在正在执行该函数的对象。如果函数被称为普通函数,“this”指的是全局变量或对象。
  • JavaScript 超级关键字: super 关键字用于通过调用父类的构造函数来获取直接父类的方法和属性。它用于访问父对象、其属性和方法。

让我们展示这些关键字的几个示例。

示例1:在这个示例中,apple 类是从 fruits 类扩展而来的,由于我们在console.log()中没有使用 this 关键字,因此子类中没有使用父类数组中的值。

Javascript


Javascript


HTML


输出:

apples provide : fibre and lung strength

例2:这段代码和前面的代码类似,但不同的是,在福利数组上使用super方法后,我们使用this关键字,它指向父类中定义的数组。

Javascript


输出:

apples provide : vitamins and minerals

示例 3:在下面的示例中,我们定义了一个具有某些方法的类。企鹅类从父类扩展,即具有另一种方法swim() 的鸟类。 penguin 类包含父类的所有方法。让我们了解如何在此示例中使用“this”、“super”和“extends”关键字。

HTML


输出:

"I'm peggy i can also swim!!"
"birds sleep"