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

【JavaScript ECMAScript】extends言語機能の使い方

extends言語機能の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

extendsクラスは、既存のクラス(親クラスまたはスーパークラスと呼ばれます)の機能や特性を新しいクラス(子クラスまたはサブクラスと呼ばれます)に引き継がせ、その上で機能を追加・変更することを可能にする、クラスの継承メカニズムを表すクラスです。このメカニズムは、コードの再利用性を高め、共通の振る舞いを一箇所にまとめることで、プログラムの保守性や拡張性を大幅に向上させます。

基本的な構文は、class 子クラス extends 親クラス { ... } の形式で、子クラスの定義時にextendsキーワードの後に継承したい親クラスの名前を指定します。これにより、親クラスで定義されたプロパティやメソッドは、子クラスで自動的に利用できるようになります。

子クラスでは、親クラスの機能をそのまま利用するだけでなく、独自のプロパティやメソッドを追加したり、親クラスのメソッドを上書き(オーバーライド)して特定の振る舞いを変更したりすることができます。特に、子クラスのコンストラクタ内で親クラスのコンストラクタを呼び出す場合や、子クラスのメソッドから親クラスの同名メソッドを呼び出す場合には、superキーワードを使用することが必須です。これは、親クラスの初期化を適切に行うため、または親クラスのロジックを再利用するために不可欠な操作です。

このextendsを用いた継承の仕組みは、オブジェクト指向プログラミングにおける基本的な概念の一つであり、柔軟で効率的なシステム設計を実現するための強力なツールです。

公式リファレンス: extends

構文(syntax)

1class ParentClass {
2  // 親クラスの定義
3}
4
5class ChildClass extends ParentClass {
6  // 子クラスの定義
7}

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ