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

JavaScriptのスーパーキーワード？

スーパー

スーパー キーワードは、オブジェクトの親の関数にアクセスして呼び出すために使用されます。 super.prop およびsuper[expr] 式は、クラスとオブジェクトリテラルの両方のメソッド定義で判読できます。 「拡張」で使用されます "拡張を使用する"クラス "キーワード。

構文 
super(arguments);
例

次の例では、「 Person」というクラスの特性 "は"学生と呼ばれる別のクラスに拡張されました "。両方のクラスで、一意のプロパティを使用しました。 ここで「スーパー "キーワードは、親クラスからプロパティにアクセスするために使用されます （人）拡張クラス （学生）、「これ "キーワードは拡張クラスにアクセスするために使用されます 自分の財産。

<html>
<body>
<script>
   class Person {
      constructor(name, grade) {
         this.name = name;
         this.grade = grade;
      }
      goal() {
         return `${this.name} wants to become a crickter!`;
      }
      interest() {
         return `${this.name} interested in cricket !`;
      }
   }
   class Student extends Person {
      constructor(name, grade) {
         super(name, grade);
      }
      need() {
         return `${this.name} needs a cricket kit`;
      }
      career() {
         return `${super.interest()}
         ${super.goal()}
         ${this.need()}`;
      }
   }
   const student = new Student('Rishab pant', '7');
   document.write(student.career());
</script>
</body>
</html>
出力 
Rishab pant interested in cricket !
Rishab pant wants to become a crickter!
Rishab pant needs a cricket kit

  1. JavaScriptにこのキーワードを説明しますか？

    JavaScriptのthisキーワードは、それが属するオブジェクトを参照します。単独または関数内の場合は、グローバルオブジェクトを参照できます。メソッド内の場合は所有者オブジェクトを参照し、イベントリスナーでイベントを受信したHTML要素を参照します。 例 以下は、JavaScriptのこの識別子のコードです- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport&quo

  2. JavaScriptのyield*式/キーワード。

    yield *式は、別のジェネレーターまたは反復可能なオブジェクトを参照するために使用されます。 以下は、JavaScriptでyield*式/キーワードを実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g