JavaScript判斷變數是否為undefined兩種方式差異

工作中我們經常需要判斷某個變數/屬性是否為undefined。通常有兩種寫法

// 方式1typeof age === 'undefined';// 方式2age === undefined

這兩種寫法有什麼區別嗎? 應該使用哪一種呢？看看下面的例子

typeof age === 'undefined'; // true

標識符 age 沒有聲明過，輸出true。

再看另一個例子

age === undefined; // 報錯

Firebug提示age is not defined，

 

這就是兩者的區別， 即不確定age是否聲明或定義時用方式1，確定的則可以用方式2。使用方式1如果變數沒有聲明，代碼也不會報錯，但方式2會報錯。看似方式1容錯性更好，實際會是潛伏了的Bug。變數先聲明再使用永遠是個好習慣。

此外，方式1是兩次運算，方式2是一次。