JavaScriptのクラスキーワード

ES6で導入されたJavaScriptクラスは、JavaScriptプロトタイプベースの継承に対する構文上の糖衣です。クラスは実際には「特別な機能」です。次の構文を使用してclassキーワードを使用してJavaScriptでクラスを定義できます-

class Person {
   // Constructor for this class
   constructor(name) {
      this.name = name;
   }
   // an instance method on this class
   displayName() {
      console.log(this.name)
   }
}

これは基本的に次の宣言と同等です-

let Person = function(name) {
   this.name = name;
}
Person.prototype.displayName = function() {
   console.log(this.name)
}

このクラスは、クラス式として記述することもできます。上記の形式はクラス宣言です。次の形式はクラス式です-

// Unnamed expression
let Person = class {
   // Constructor for this class
   constructor(name) {
      this.name = name;
   }
   // an instance method on this class
   displayName() {
      console.log(this.name)
   }
}

上記のようにクラスをどのように定義しても、次の-

例

let John = new Person("John");
John.displayName();

出力

John

JSクラスとclassキーワードについて詳しくは、https：//www.tutorialspoint.com/es6/es6_classes.htmをご覧ください。