检查 JavaScript 中是否为 null/未定义

Question

这段代码可以

if (typeof foo != "undefined" && foo !== null) { }  

安全地重构为这段代码吗？

if (foo != null) { }

这是完全相同的事情吗？ （如果不是，有什么不同？）

Answer 1

并不真地。您将收到 ReferenceError 异常在第二个示例中，如果尚未声明 foo 。

另一方面，您可以使用 安全地检查未定义的未声明变量typeof 运算符。

Answer 2

一个简单的实验将回答这个问题：

if( foo != null ) {
   alert('foo not null');
}

上面的例子在许多浏览器中都会产生一个 JavaScript 错误：“ReferenceError：找不到变量：foo”。这是因为我们使用了一个先前未在当前作用域中声明为参数或 var 的变量。

另一方面，typeof 运算符对尚未定义的变量进行显式调整——它返回'undefined'，因此：

if( typeof foo != 'undefined') {
    alert('foo is not defined');
}

按预期工作。

所以答案是“不”——它们不是同一件事——尽管在某些 javascript 环境中它们的行为方式可能相同，在其他环境中你的第二种形式会当 foo 未定义时产生错误。

Answer 3

变量实际上可以保存值未定义，如果变量从未被分配过，则该值是默认值。因此，如果您的变量是使用 var 声明的或通过赋值给定的值，则 foo != null 将起作用，但如果不是，您将得到一个 ReferenceError。因此，这两个片段不等价。

如果您可以确定 foo 已声明，那么这比您原来的第二个代码段更安全且更容易理解，假设代码中不存在类似 undefined = 42 的内容：

if(foo !== undefined && foo !== null) { }