当子级在JavaScript中具有相同名称的方法时,如何调用父级的方法?

为了在父级和子级都具有相同的方法名称和签名时调用父级方法。

您可以使用以下语法-

console.log(yourParentClassName.prototype.yourMethodName.call(yourChildObjectName));

示例

class Super {

   constructor(value) {

      this.value = value;

   }

   display() {

      return `The Parent class value is= ${this.value}`;

   }

}

class Child extends Super {

   constructor(value1, value2) {

      super(value1);

      this.value2 = value2;

   }

   display() {

      return `${super.display()}, The Child Class value2

      is=${this.value2}`;

   }

}

var childObject = new Child(10, 20);

console.log("Calling the parent method display()=")

console.log(Super.prototype.display.call(childObject));

console.log("Calling the child method display()=");

console.log(childObject.display());

要运行以上程序,您需要使用以下命令-

node fileName.js.

在这里,我的文件名为demo192.js。

输出结果

这将产生以下输出-

PS C:\Users\Amit\javascript-code> node demo192.js

Calling the parent method display()= The Parent class value is= 10

Calling the child method display()= The Parent class value is= 10, The Child Class value2 is=20

以上是 当子级在JavaScript中具有相同名称的方法时,如何调用父级的方法? 的全部内容, 来源链接: utcz.com/z/322236.html

回到顶部