javascript - なぜ idiomatic.js と jQuery はローカル変数に「変数 === 未定義」を推奨するのですか?

Question

私はidiomatic.jsを調べていて、型チェック セクションに次の行があることに気付きました。

未定義：

グローバル変数:

typeof variable === "undefined"

ローカル変数:

variable === undefined

このセクションは、もともとjQuery スタイル ガイドに基づいているようです。

undefined別の値に再定義できるため、最初の形式の方が安全であると教えられていました。また、最初の形式がローカル変数に対して機能しない理由もわかりません。

このフィドルではうまくいくようです。このスタイルが理にかなっている理由を説明できる人はいますか?

var undefined = 2;

function test(){
  var x;
    
    alert("1: " + (typeof x == "undefined"));
    alert("2: " + ( x  === undefined)); 
    
}

test();  //alerts "1: true", then  "2: false"