我应该使用(typeof (val ) === 'undefined')还是(val === undefined)？

Question

这与SO上的许多其他问题类似，但与我能找到的任何问题都不完全相同。

检查Javascript中未定义的值的最佳方法是什么?为什么？

第一个示例：

var a;
if (typeof(a) === 'undefined'){...}

第二个例子：

var a;
if (a === undefined){...}

因此，第一个示例将类型的名称与字符串进行比较，第二个示例使用相等运算符将变量与未定义的对象进行比较，该操作符检查类型和值是否相同。

哪种更好些呢？还是他们两个都一样好？

请注意，我并不是在问未定义的和空的，或者真的和假的之间有什么区别，只是这两种方法中哪种是正确的和/或更好的。

Answer 1

如果变量不存在，那么当您尝试使用它时，即使您将其与undefined进行比较，也会得到一个引用错误。因此，请始终使用typeof。

> foo === undefined
ReferenceError: foo is not defined
    at repl:1:2
    at REPLServer.eval (repl.js:80:21)
    at Interface.<anonymous> (repl.js:182:12)
    at Interface.emit (events.js:67:17)
    at Interface._onLine (readline.js:162:10)
    at Interface._line (readline.js:426:8)
    at Interface._ttyWrite (readline.js:603:14)
    at ReadStream.<anonymous> (readline.js:82:12)
    at ReadStream.emit (events.js:88:20)
    at ReadStream._emitKey (tty.js:320:10)
> typeof foo === "undefined"
true

(坏的)代码也有可能覆盖undefined，这将导致未定义的值不等于undefined。

Answer 2

可以为undefined赋值，类型检查将不起作用。除非代码的范围受到保护，例如

(function(undefined){
    var a;
    if (a === undefined) {
})();
// note called without parameter, so undefined is actually an undefined value

这种检查方式不安全，首选第一种

编辑: ECMA 5似乎不支持将值赋给未定义的对象，但这仍然取决于浏览器的实现。

Answer 3

这两种方法都是正确的，但typeof方法不受undefined值更改的影响。如果您需要更严格的检查，请使用typeof()。

在ECMA 3标准中，您可以这样修改undefined的值：

undefined = "not undefined";

稍后与undefined相比，这可能会导致丑陋。在ECMA 5中，这是不允许的。这意味着大多数现代浏览器都不允许设置undefined的值，因此使用=== undefined应该是安全的。

此外，如果您甚至不确定正在检查的变量是否已定义，则应使用typeof，否则将出现引用错误。