检查对象属性时与未定义或“未定义”的比较。 有什么区别？

Question

我遇到了undefined和"undefined"之间的区别，我试图理解它。

我正在检查对象的属性是否已定义。 在第一个示例中，我检查了属性是否未定义。 以下所有测试的评估结果均为true。 我使用"undefined"还是undefined都没关系。

 var test = { x: 1, y: 2 }; if (test.x != "undefined") console.log('test.x != "undefined"'); //TRUE if (test.x !== "undefined") console.log('test.x !== "undefined"'); //TRUE if (test.x != undefined) console.log('test.x != undefined'); //TRUE if (test.x !== undefined) console.log('test.x !== undefined'); //TRUE 

然后我尝试使用undefined属性进行尝试。只有当我使用undefined （不是字符串文字）或typeof它的评估结果才为true。

 var test = { x: 1, y: 2 }; if (test.z === undefined) console.log("test.z === undefined"); //TRUE if (test.z == undefined) console.log("test.z == undefined"); //TRUE if (test.z === "undefined") console.log("test.z === 'undefined'"); //FALSE if (test.z == "undefined") console.log("test.z == 'undefined'"); //FALSE if (typeof test.z === "undefined") console.log("typeof test.z === 'undefined'"); //TRUE 

所以我的问题是：为什么会有所不同（我想我不明白...）。 我使用“未定义” /未定义而不是.hasOwnProperty()进行比较是不好的做法吗？

Answer 1

当您检查"undefined" （用引号引起来）时，那么您正在检查值为"undefined"字符串。

而在检查undefined时，将检查属性或变量是否已定义。 因此，可以使用它来检查属性是否已定义。

Answer 2

undefined和"undefined"是不同的值。 前者是undefined ，后者是字符串。

您可能看到的不是x === "undefined"和x === undefined ，而是typeof x === "undefined"和x === undefined 。 注意typeof 。 您看到前者（带有typeof ）的原因之一是历史性的，不再相关，但并非所有原因都如此。

假设已声明的标识符x且未undefined标识符未被遮盖 ，则这两个语句实际上是相同的，除了第一个语句需要做更多的工作之外：

typeof x === "undefined"
x === undefined

但是，如果未声明x ，则前者将评估为true，而后者将因ReferenceError失败。 （在一般情况下，您可能希望使用ReferenceError，因为它会提醒您未声明的标识符，但前者有一些用例。）

但是不幸的是， undefined不是关键字（如null ）。 这是一个全局常数 。 这意味着undefined可以被遮盖 ：

 function foo(undefined) { var x; // x defaults to the value undefined console.log(typeof x === "undefined"); // true console.log(x === undefined); // false?!?! } foo(42); 

在实践中，如果你发现有人阴影undefined ，并给予它比其它的值undefined ，带他们出去回来，对头部和肩部用湿面条击败他们，直到他们明白事理。 但...

从历史上看，很多年前存在一个问题，即一个窗口中的undefined值不=== undefined值。 因此，如果您的代码可能正在处理跨窗口的值，则与=== undefined进行比较不是检查undefined的可靠方法。 几年前，我检查了所有隐隐约约的浏览器，但这并不是问题（我怀疑它已经存在了很长时间）。