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

【JavaScript ECMAScript】SyntaxError: new keyword cannot be used with an optional chainエラーの使い方

SyntaxError: new keyword cannot be used with an optional chainエラーの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

SyntaxError: new keyword cannot be used with an optional chainオブジェクトは、JavaScriptにおいて、new演算子とオプショナルチェーン(?.)を同時に使用しようとした際に発生する文法エラーを表すオブジェクトです。

このエラーは、new演算子を使って新しいオブジェクトのインスタンスを生成する際に、そのコンストラクタ関数やクラスの参照に対してオプショナルチェーンを適用しようとすると発生します。具体的には、newキーワードの直後にオブジェクト?.プロパティのようなオプショナルチェーンを含む式を記述した場合に、JavaScriptエンジンによって報告されます。

JavaScriptの文法では、new演算子の直後に来る式は、必ず呼び出し可能なコンストラクタとして評価される必要があります。しかし、オプショナルチェーン(?.)は、その手前の式がnullまたはundefinedである場合に式の評価を中断し、結果としてundefinedを返します。new演算子はそのようなundefinedをコンストラクタとして扱うことができないため、この二つの構文を組み合わせることは文法的に許可されていません。

このエラーを回避するには、new演算子を使用する前に、対象のコンストラクタがnullundefinedではないことを明確に確認し、条件に応じてインスタンスを生成する処理を記述する必要があります。例えば、if文や三項演算子を用いて、コンストラクタの存在をチェックし、存在する場合にのみnew演算子を使用する方法が一般的です。これにより、意図しない文法エラーを防ぎ、プログラムの安定性を保つことができます。

構文(syntax)

1new obj?.method();

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ

関連プログラミング言語