JavaScript：未定义！==未定义？

Question

注意：根据ECMAScript5.1, section 15.1.1.3，window.undefined 是只读的。

• 现代浏览器正确地实现了这一点。例如：Safari 5.1、Firefox 7、Chrome 20 等。
• Undefined 在 Chrome 14 中仍然可以更改，...

当我最近将Facebook Connect 与Tersus 集成时，我最初在尝试调用Facebook API 函数时收到了错误消息Invalid Enumeration Value 和Handler already exists。

原来问题的原因是

object.x === undefined

当 'object' 中没有属性 'x' 时返回 false。

我通过在两个 Facebook 函数中用常规相等替换严格相等来解决这个问题：

FB.Sys.isUndefined = function(o) { return o == undefined;};
FB.Sys.containsKey = function(d, key) { return d[key] != undefined;};

这对我来说是可行的，但似乎暗示 Facebook 的 JavaScript 代码和我自己的代码之间存在某种冲突。

这是什么原因造成的？

提示：有据可查的是undefined == null 而undefined !== null。这不是这里的问题。问题是我们怎么会得到undefined !== undefined。

Answer 1

A)。我从来没有也永远不会相信任何声称在没有用户编码的情况下生成代码的工具，它是图形工具的两倍。

B)。我在使用 Facebook Connect 时从未遇到过任何问题。无论您身在何处，它仍然是在浏览器和 undefined===undefined 中运行的普通 JavaScript 代码。

简而言之，您需要提供证据证明您的 object.x 确实是未定义的，而不是 null 或其他，因为我相信您所描述的情况实际上是不可能的 - 没有冒犯:) - 我会为 Tersus 代码中存在的问题投入资金。

Answer 2

我想发布一些关于undefined的重要信息，初学者可能不知道。

看下面的代码：

 /* 
  * Consider there is no code above. 
  * The browser runs these lines only.
  */

   // var a;  
   // --- commented out to point that we've forgotten to declare `a` variable 

   if ( a === undefined ) {
       alert('Not defined');
   } else {
       alert('Defined: ' + a);
   }

   alert('Doing important job below');

如果您运行此代码，其中变量 a 从未使用 var 声明过， 您将收到一个 ERROR EXCEPTION 并且令人惊讶地根本看不到任何警报。

您的脚本不会“在下面做重要的工作”，而是会意外终止，在第一行抛出未处理的异常。

---

这是使用 typeof 关键字检查 undefined 的唯一防弹方法，它就是为此目的而设计的：

   /* 
    * Correct and safe way of checking for `undefined`: 
    */

   if ( typeof a === 'undefined' ) {
       alert(
           'The variable is not declared in this scope, \n' +
           'or you are pointing to unexisting property, \n' +
           'or no value has been set yet to the variable, \n' + 
           'or the value set was `undefined`. \n' +
           '(two last cases are equivalent, don\'t worry if it blows out your mind.'
           );
   }

   /* 
    *  Use `typeof` for checking things like that
    */

此方法适用于所有可能的情况。

使用它的最后一个参数是undefined 可能会在早期版本的 Javascript 中被覆盖：

     /* @ Trollface @ */
        undefined = 2;
     /* Happy debuging! */  

希望我已经足够清楚了。

Answer 3

来自 - JQuery_Core_Style_Guidelines

• 全局变量：
  typeof variable === "undefined"

• 局部变量：
  variable === undefined

• 属性：
  object.prop === undefined

Answer 4

var a;

typeof a === 'undefined'; // true
a === undefined; // true
typeof a === typeof undefined; // true
typeof a === typeof sdfuwehflj; // true

Answer 5

使用== 相等运算符而不是=== 是一种不好的做法。

undefined === undefined // true
null == undefined // true
null === undefined // false

如果x 是未知属性，则object.x === undefined 应返回true。

在第 Bad Parts of JavaScript: The Good Parts 章中，Crockford 写道：

如果您尝试从 一个对象，如果该对象没有 有一个同名的成员，它 而是返回未定义的值。

除了未定义，JavaScript 有一个类似的值，称为 null。他们 如此相似以至于 == 认为它们是 平等的。这让一些程序员感到困惑 认为他们是 可互换，导致代码类似

value = myObject[name];
if (value == null) {
    alert(name + ' not found.');
}

它正在将错误的值与 错误的运营商。此代码有效 因为它包含两个错误 互相抵消。那是一个疯子 编程方式。写得更好 像这样：

value = myObject[name];
if (value === undefined) {
    alert(name + ' not found.');
}

Answer 6

事实证明，您可以将 window.undefined 设置为您想要的任何值，因此当 object.x 是 real 未定义时得到object.x !== undefined。就我而言，我无意中将 undefined 设置为 null。

看到这种情况发生的最简单方法是：

window.undefined = null;
alert(window.xyzw === undefined); // shows false

当然，这不太可能发生。在我的例子中，这个错误有点微妙，相当于下面的场景。

var n = window.someName; // someName expected to be set but is actually undefined
window[n]=null; // I thought I was clearing the old value but was actually changing window.undefined to null
alert(window.xyzw === undefined); // shows false

Answer 7

问题是 undefined 与 null 相比使用 == 给出了 true。 因此，对 undefined 的常见检查是这样完成的：

typeof x == "undefined"

这确保了变量的类型确实是未定义的。