Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】class文の使い方

class文の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

classクラスは、オブジェクトを生成するための「設計図」または「テンプレート」を表すクラスです。ECMAScript 2015 (ES6) で導入された構文で、従来のJavaScriptが持つプロトタイプベースの継承メカニズムの上に、より直感的で馴染みやすいオブジェクト指向プログラミングの記法を提供します。

クラスを定義することで、共通の特性(プロパティ)と振る舞い(メソッド)を持つ複数のオブジェクトを効率的に作成できるようになります。クラス内部では、constructorメソッドが新しいインスタンスが作成される際の初期化処理を定義し、その他のメソッドはインスタンスが持つ機能として定義されます。

例えば、class Car { constructor(make, model) { this.make = make; this.model = model; } getDescription() { return ${this.make} ${this.model}です。; } } のように定義し、new Car("Toyota", "Corolla")と記述することで、Carクラスの新しいインスタンスを生成できます。

さらに、extendsキーワードを使用することで、既存のクラス(親クラス)の機能を引き継ぎ、それに加えて独自の機能を追加した新しいクラス(子クラス)を作成する「継承」の仕組みも利用可能です。これにより、コードの再利用性が高まり、大規模なアプリケーション開発における一貫性と保守性の向上に貢献します。クラスは厳密モードで実行され、関数宣言のようにホイストされない点も特徴です。これは、JavaScriptでオブジェクト指向の概念を実現するための重要な機能の一つです。

公式リファレンス: class

構文(syntax)

1class MyClassName {
2  // クラスのプロパティやメソッドをここに定義します
3}

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ

関連プログラミング言語