Cách gọi phương thức cha khi con có phương thức cùng tên trong JavaScript

Để gọi phương thức cha khi cả cha và con đều có cùng tên và chữ ký phương thức.

Bạn có thể sử dụng cú pháp dưới đây:

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

Ví dụ

class Super {
  constructor(value) {
    this.value = value;
  }
  display() {
    return `Giá trị lớp cha là= ${this.value}`;
  }
}
class Child extends Super {
  constructor(value1, value2) {
    super(value1);
    this.value2 = value2;
  }
  display() {
    return `${super.display()}, Giá trị value2 lớp con =${this.value2}`;
  }
}
var childObject = new Child(10, 20);
console.log("Gọi phương thức cha display()=")
console.log(Super.prototype.display.call(childObject));
console.log("Gọi phương thức con display()=");
console.log(childObject.display());

Để chạy chương trình trên, bạn cần sử dụng lệnh sau:

node fileName.js

Tên tệp của tôi là demo192.js.

Kết quả

Chương trình sẽ cho ra kết quả sau:

PS C:\Users\Amit\javascript-code> node demo192.js
Gọi phương thức cha display()= Giá trị lớp cha là= 10
Gọi phương thức con display()= Giá trị lớp cha là= 10, Giá trị value2 lớp con =20