class

class 宣言は、プロトタイプベースの継承を使って、名前付きで新しいクラスを作成します。

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

構文

class name [extends] {
  // class body
}

説明

class 式と同様、class 宣言の内部は strict モード で実行されます。コンストラクタプロパティはオプションです。

class 宣言は、(function 宣言と違って) hoisted されません。

例

単純な class 宣言

次の例では、はじめに Polygon という名前のクラスを定義し、次にそれを拡張して Square という名前のクラスを作成します。コンストラクタで使われている super() は、コンストラクタ内でのみ使えること、this キーワードの使用前に呼び出さなくてはならないことに注意してください。

class Polygon {
  constructor(height, width) {
    this.name = 'Polygon';
    this.height = height;
    this.width = width;
  }
}

class Square extends Polygon {
  constructor(length) {
    super(length, length);
    this.name = 'Square';
  }
}

class Foo {};
class Foo {}; // Uncaught TypeError: Identifier 'Foo' has already been declared

var Foo = class {};
class Foo {}; // Uncaught TypeError: Identifier 'Foo' has already been declared

仕様

ブラウザ実装状況

関連項目

• function 宣言
• class 式
• クラス