JavaScript 中何时使用 null 或 undefined？

Question

我对 JavaScript 何时返回 null 或 undefined 感到困惑。此外，不同的浏览器似乎以不同的方式返回这些内容。

我正在寻找一些 null/undefined 以及返回它们的浏览器的示例。

虽然我现在对 undefined 方面很清楚，但对于 null 仍然不是 100% 清楚。它类似于空白值吗？

例如，您有一个没有设置任何值的文本框。现在，当您尝试访问它的值时，它会是 null 还是 undefined ，它们是否相似？

Answer 1

我发现其中一些答案模糊且复杂，我发现确定这些问题的最佳方法就是打开控制台并亲自测试。

var x;

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

var y = null;

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

typeof x             // 'undefined'
typeof y             // 'object'

var z = {abc: null};

z.abc == null        // true
z.abc == undefined   // true
z.abc === null       // true
z.abc === undefined  // false

z.xyz == null        // true
z.xyz == undefined   // true
z.xyz === null       // false
z.xyz === undefined  // true

null = 1;            // throws error: invalid left hand assignment
undefined = 1;       // works fine: this can cause some problems

所以这绝对是 JavaScript 更微妙的细微差别之一。正如您所看到的，您可以覆盖 undefined 的值，使其与 null 相比有些不可靠。据我所知，使用 == 运算符，您可以可靠地互换使用 null 和 undefined 。但是，由于 null 无法重新定义的优点，我可能会在使用 == 时使用它。

例如，如果 variable 等于 null 或 undefined，则 variable != null 将始终返回 false，而如果 variable 等于 null 或 undefined，除非 undefined< /code> 已预先重新分配。

如果您需要确保某个值实际上是 ，您可以可靠地使用 === 运算符来区分 undefined 和 null >未定义（而不是null）。

根据 ECMAScript 5 规范：

• Null 和 Undefined 都是六种内置类型中的两种。

4.3.9 未定义值

未给变量赋值时使用的原始值

4.3.11 null 值

表示故意不存在任何对象值的原始值

Answer 2

DOM 方法 getElementById()、nextSibling()、childNodes[n]、parentNode() 等当调用不返回节点对象时返回null（已定义但没有值）。

属性已定义，但它引用的对象不存在。

这是您可能不想想要测试相等性的少数情况之一 -

if(x!==undefined) 对于 null 值将为 true，

但 if (x!= undefined)（仅）对于非 undefined 或 null 的值将为 true。

Answer 3

对于各种情况，您都会遇到未定义的情况：

您使用 var 声明一个变量，但从未设置它。

var foo; 
alert(foo); //undefined.

您尝试访问从未设置过的对象上的属性。

var foo = {};
alert(foo.bar); //undefined

您尝试访问从未提供过的参数。

function myFunction (foo) {
  alert(foo); //undefined.
}

正如 cwolves 在另一个答案的评论中指出的那样，函数不返回值。

function myFunction () {
}
alert(myFunction());//undefined

通常必须有意在变量或属性上设置 null（有关未设置 null 的情况，请参阅注释）。此外，null 的类型为object，undefined 的类型为undefined。

我还应该注意到 null 在 JSON 中是有效的，但 undefined 不是：

JSON.parse(undefined); //syntax error
JSON.parse(null); //null

Answer 4

我可能遗漏了一些东西，但是据我所知，你只得到undefined

更新：好吧，我错过了很多，试图完成：

你得到< code>undefined...

... 当您尝试访问不存在的对象的属性时：

var a = {}
a.foo // undefined

... 当您声明了变量但未初始化它时：

var a;
// a is undefined

... 当您访问参数时没有传递任何值：

function foo (a, b) {
    // something
}

foo(42); // b inside foo is undefined

...当函数没有返回值时：

function foo() {};
var a = foo(); // a is undefined

---

可能是某些内置函数在出现某些错误时返回 null，但如果是这样，则会记录下来。 null 是 JavaScript 中的具体值，而 undefined 则不是。

---

通常您不需要区分它们。根据变量的可能值，使用 if(variable) 来测试某个值是否已设置就足够了（null 和 undefined 计算结果为 false）。

此外，不同的浏览器似乎会以不同的方式返回这些内容。

请举一个具体的例子。

Answer 5

关于这个主题，规范（ecma-262）非常清楚，

我发现它非常有用且简单，因此我分享它：
- 在这里您将找到相等算法
- 在这里你会发现严格相等算法

我碰到了它从 mozilla 开发者网站的相同性部分阅读“抽象平等、严格平等和相同价值”。

我希望你觉得它有用。

Answer 6

当一个属性没有定义时，它就是未定义的。
null 是一个对象。它的类型为空。 undefined 不是一个对象，它的类型是未定义的。

这是一篇很好的文章，解释了差异并给出了一些例子。

null 与 undefined