JavaScript クラス宣言

定義と使用法

クラスは関数ですが、function キーワードで初期化するのではなく、class キーワードを使用して、constructor() メソッド内で属性を割り当てます。

クラスオブジェクトの初期化時に、constructor() メソッドが呼び出されます。

注記:関数や他の JavaScript 声明とは異なり、クラスの宣言は昇格されません(クラスを宣言してから使用する必要があります)。

注記:クラスの文法は「厳密モード」で書かなくてはなりません。

クラスの詳細については、JavaScript クラスチュートリアルを読んでください。

インスタンス

Car クラスを作成し、それに基づいて「mycar」と呼ばれるオブジェクトを作成します:

class Car {  // クラスを作成
  constructor(brand) {  // 构造関数
    this.carname = brand;  // クラス本体
  }
}
mycar = new Car("Ford");  // Car クラスのオブジェクトを作成

実際に試してみてください

文法

class className {
  // クラス本体
}

技術的詳細

JavaScript バージョン: ECMAScript 2015 (ES6)

ブラウザのサポート

以下の表は、JavaScript クラスを完全にサポートする最初のブラウザのバージョンを定義しています:

キーワード Chrome IE Firefox Safari Opera
class 49.0 12.0 45.0 9.0 36.0

関連ページ

JavaScript 教程:JavaScript クラス

JavaScript 教程:JavaScript ES6 (EcmaScript 2015)

JavaScript 教程:JavaScript this

JavaScript 教程:JavaScript Strict モード