ReferenceError: must call super constructor before using 'this' in derived class constructor - JavaScript | MDN

サイドバーを切り替え

配色

OS のデフォルト
ライト
ダーク

日本語

言語を記憶もっと知る

ReferenceError: must call super constructor before using 'this' in derived class constructor

JavaScript の例外 "must call super constructor before using 'this' in derived class constructor" は、派生クラスのコンストラクターで super() を呼び出していない状態で、this の値にアクセスしようとした場合や、派生コンストラクターがすでに終了しており、その戻り値がオブジェクトでない場合に発生します。

エラーメッセージ

ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor (V8-based) ReferenceError: must call super constructor before using 'this' in derived class constructor (Firefox) ReferenceError: 'super()' must be called in derived constructor before accessing |this| or returning non-object. (Safari)

エラーの種類

ReferenceError

エラーの原因

super() の呼び出しは、派生クラスのコンストラクターに対する new 呼び出しごとに最大 1 回しか行えません。多くの場合、ちょうど 1 回呼び出す必要があります。なぜなら、これを呼び出さないと親クラスのコンストラクターが this を初期化できず、派生コンストラクター内で this にアクセスできないためです。この状態のまま派生コンストラクターが終了すると、this は正しく構築されたオブジェクトと見なされず、例外が発生します。これを回避する方法として、派生クラスのコンストラクターからオブジェクトを返すことが挙げられます。この場合、 this の代わりに返されたオブジェクトが構築結果として使用されるため、super() を呼び出さなくても済みます。ただし、この方法が使われることはほとんどありません。

例

無効なケース

js
class Base {
  constructor() {
    this.x = 1;
  }
}

class Derived extends Base {
  constructor() {
    console.log(this.x);
    // まだ Base コンストラクターが呼び出されていないため、this.x は未定義
    // ReferenceError: must call super constructor before using 'this' in derived class constructor
  }
}

有効な場合

js
class Base {
  constructor() {
    this.x = 1;
  }
}

class Derived extends Base {
  constructor() {
    super();
    console.log(this.x); // 1
  }
}

MDN の改良に協力

このページは役に立ちましたか？

はいいいえ

協力方法を知る

このページは MDN の貢献者によって 2026年5月23日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告