JavaScript判断变量是否为undefined两种方式差异

我们经常需要判断某个变量/属性是否为undefined。通常有两种写法

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

// 方式2
age === undefined

这两种写法有什么区别吗? 应该使用哪一种呢？看看下面的例子

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

标识符 age 没有声明过，输出true。

再看另一个例子

age === undefined; // 报错

chrome提示 Uncaught ReferenceError: age is not defined，
这就是两者的区别， 即不确定age是否声明或定义时用方式1，确定的则可以用方式2。使用方式1如果变量没有声明，代码也不会报错，但方式2会报错。

看似方式1容错性更好，实际会是潜伏了的Bug。变量先声明再使用永远是个好习惯。

var a;
< undefined
a === undefined;//如果a已经声明了,就不报错
< true
typeof age === 'undefined';
< true

JavaScript判断变量是否为undefined两种方式差异

此外，方式1是两次运算，方式2是一次。