「変数 === 未定義」と「変数のタイプ === '未定義'」を使用する場合

jQuery によるとコア スタイル ガイドラインでは、変数が定義されているかどうかを判断するには 2 つの方法があります:

• グローバル変数: typeof variable === "unknown"
• ローカル変数: variable === unknown
• プロパティ: object.prop === 未定義

違いがある理由

これらのアプローチの違いは、根本的な違いに由来しています。 JavaScript の宣言された変数と未宣言の変数の間。

変数が宣言されていても値が割り当てられていない場合、その値は未定義とみなされます。 variable === unknown を使用して変数が未定義かどうかをチェックすると、そのような変数に対して true が返されます。

ただし、変数がまったく宣言されていない (未宣言変数) 場合は、variable === を使用して未定義かどうかをチェックします。 unknown は、「変数が定義されていません」というメッセージとともに ReferenceError をトリガーします。

特定の使用例

• グローバル変数:グローバル変数は宣言されていると想定されるため、ここでは ReferenceErrors を避けるために typeof チェック (typeof variable === "unknown") を使用することをお勧めします。
• ローカル変数: ローカル変数は次のように認識されています。現在のスコープ内で宣言されているため、アイデンティティ チェック (変数 === 未定義) を安全に使用でき、簡潔な構文が提供されます。
• Properties: オブジェクトのプロパティは、宣言するか、または宣言することができます。

これらの規則を使用することにより、jQuery は変数チェックが一貫して予期せぬエラーなく実行されることを保証します。変数のスコープと宣言ステータスに関するもの。