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

【JavaScript ECMAScript】TypeError: "x" is not a non-null objectエラーの使い方

TypeError: "x" is not a non-null objectエラーの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

TypeError: "x" is not a non-null objectオブジェクトは、JavaScriptにおいて、プログラムがnullまたはundefinedではないオブジェクトを期待している箇所で、実際にはnullまたはundefinedの値が渡された際に発生するエラーを表すオブジェクトです。

このエラーは、コードがオブジェクトのプロパティにアクセスしようとしたり、オブジェクトのメソッドを呼び出そうとしたりする際に、その対象となる変数が有効なオブジェクトを参照しておらず、空の値であるnull(値が存在しないことを明示的に示す)またはundefined(値が未定義であることを示す)である場合にスローされます。例えば、someVariable.propertyという記述でsomeVariablenullであった場合にこのエラーが発生します。エラーメッセージ中の"x"は、実際にnullまたはundefinedであった変数名やプロパティ名に置き換わります。

これは、プログラムが期待するデータ型と実際に渡されたデータ型が一致しない「型エラー(TypeError)」の一種です。システムエンジニアを目指す上では、非常に頻繁に遭遇するエラーの一つであり、バグの原因を特定する重要な手がかりとなります。このエラーを防ぐためには、オブジェクトを操作する前に、そのオブジェクトがnullundefinedではないことを確認する「nullチェック」を行うことが非常に重要です。条件分岐(if (someVariable !== null && someVariable !== undefined)など)を使ってチェックすることで、予期せぬエラーを未然に防ぎ、堅牢なプログラムを記述することができます。

公式リファレンス: TypeError: "x" is not a non-null object

構文(syntax)

1let targetObject = null;
2targetObject.doSomething();

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ

関連プログラミング言語