そこで、よく考えた結果、この記事を書き、皆さんにご協力をお願いしました。
誰もが知っているように:
null == 未定義
しかし:
null !== 未定義
では、この 2 つの違いは何でしょうか?
null
これはオブジェクトですが、空です。これはオブジェクトであるため、 typeof null は 'object' を返します。
null は JavaScript の予約キーワードです。
null が数値演算に関与する場合、その値は自動的に 0 に変換されます。 したがって、次の式は計算後に正しい値を取得します:
式: 123 null 結果値: 123
式: 123 * null 結果値: 0
未定義
未定義はグローバル オブジェクト (ウィンドウ) の特別なプロパティであり、その値は未定義です。ただし、 typeof unknown は 'unknown' を返します。
未定義には特別な意味がありますが、実際にはプロパティであり、グローバル オブジェクト (ウィンドウ) のプロパティです。以下のコードを見てください:
alert( 'unknown' in window); //出力: true
var anObj = {};
alert('unknown' in anObj); //出力: false
見られる、未定義は window オブジェクトのプロパティですが、anObj オブジェクトのプロパティではありません。
注: 未定義は特別な意味を持つ属性ですが、JavaScript では予約されたキーワードではありません。
未定義が数値計算に参加する場合、結果は NaN でなければなりません。
ところで、NaN はグローバル オブジェクト (ウィンドウ) のもう 1 つの特別なプロパティであり、Infinity も同様です。これらの特別な属性はいずれも JavaScript の予約キーワードではありません。
未定義のパフォーマンスの向上
プログラム内で未定義の値を使用する場合、実際にはウィンドウ オブジェクトの未定義プロパティを使用します。
同様に、変数を定義しても初期値を割り当てない場合、たとえば次のようになります。
var aValue;
このとき、JavaScript はその初期値をウィンドウに設定します。プリコンパイルと呼ばれる。未定義属性参照、
したがって、変数または値を未定義と比較する場合、実際にはウィンドウ オブジェクトの未定義属性と比較されます。この比較プロセス中に、JavaScript はウィンドウ オブジェクトの「unknown」という名前のプロパティを検索し、2 つのオペランドの参照ポインタが同じかどうかを比較します。
windowオブジェクトは多くの属性値を持っているため、undefinedとの比較のたびにwindowオブジェクトの未定義属性を探すのに時間がかかります。これは、未定義との頻繁な比較を必要とする関数のパフォーマンス上の問題となる可能性があります。したがって、この場合、ローカルの未定義変数を自分で定義して、未定義の比較を高速化できます。例:
function anyFunc()
{
var unknown; //カスタマイズされたローカルの未定義変数
if(x == unknown) //スコープでの参照の比較
while(y != unknown) //スコープでの参照の比較
} ;
ここで、未定義のローカル変数を定義する場合、その初期値は window.unknown プロパティ値への参照になります。新しく定義されたローカル未定義変数が関数のスコープ内に存在します。後続の比較操作では、JavaScript コードの記述方法に変更はありませんが、比較速度は非常に高速です。スコープ内の変数の数はウィンドウ オブジェクトのプロパティよりもはるかに少ないため、変数の検索速度が大幅に向上します。
これが、多くのフロントエンド JS フレームワークがローカルの未定義変数を独自に定義することが多い理由です。
この記事があなたのお役に立てれば幸いです。