Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

子が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

  1. JavaScriptを使用して同じ配列内の配列の要素を複製するにはどうすればよいですか?

    以下は、同じ配列内の配列の要素を複製するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" > <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>   &nbs

  2. 子のinnerTextなしでJavaScriptでH1innerTextを取得するにはどうすればよいですか?

    このために、-のようなtextContentを使用できます。 childNodes[0].textContent; 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">