【JavaScript ECMAScript】SyntaxError: super() is only valid in derived class constructorsエラーの使い方

SyntaxError: super() is only valid in derived class constructorsオブジェクトは、JavaScriptのクラス構文において、super()キーワードの不適切な使用を通知する構文エラーを表すオブジェクトです。

このエラーは、プログラムの文法が正しくないときに発生し、特にクラスの継承に関する誤った記述があった場合に表示されます。JavaScriptにおけるクラスは、オブジェクトを作成するための設計図のようなもので、あるクラス（親クラス、基底クラス）の機能や振る舞いを別のクラス（子クラス、派生クラス）が受け継ぐ「継承」という仕組みがあります。

子クラスが親クラスの機能を受け継ぐ際、子クラス自身の初期化処理を行う特別なメソッドが「コンストラクター」です。このコンストラクター内で、子クラスは親クラスのコンストラクターを呼び出して、親クラス部分の初期化も確実に行う必要があります。そのために使用されるのがsuper()キーワードです。

SyntaxError: super() is only valid in derived class constructorsは、「super()は、他のクラスを継承したクラス（派生クラス）のコンストラクター内でのみ有効である」という意味を示しています。具体的には、このエラーは以下のいずれかの状況で発生します。

1. 全く継承していない通常のクラスのコンストラクター内でsuper()を呼び出した場合。
2. クラスのコンストラクターではなく、通常のメソッドの中や、クラス定義のトップレベルでsuper()を呼び出した場合。

このエラーを解決するためには、super()を使用する際は、必ずextendsキーワードで他のクラスを継承した「派生クラスのコンストラクター内」でのみ使用するようにしてください。また、派生クラスのコンストラクター内では、thisキーワードを使用する前に必ずsuper()を最初に呼び出す必要があります。これにより、オブジェクトの正しい初期化が保証されます。

Copy
1class BaseClass {
2  // 基底クラス
3}
4
5class DerivedClass extends BaseClass {
6  constructor() {
7    super(); // super() は派生クラスのコンストラクタ内でのみ有効
8  }
9}

引数なし

引数はありません

戻り値なし

戻り値はありません