简述javascript中null和undefined（JavaScript中undefined与null详解）

点击右上方红色按钮关注“web秀”，让你真正秀起来

对于undefined和null我一直知道他们有很多区别，也知道一点关于他们的区别，但却不具体系统，因此总结了一下，主要心得如下。

JavaScript中undefined与null详解

要区分它们，首先要明确这两个值所代表的意义：

• null 是一个 JavaScript字面量，表示空值，即没有对象被呈现，它是JavaScript的原始值之一，使用typeof运算得到 “object”。
• undefined 是全局对象的一个属性，当声明了一个变量而未初始化时，得到的就是undefined。

具体表现如下:

a; console.log(a); //Uncaught ReferenceError: a is not defined var b = null; console.log(b); //null

而它们出现的情景也各不相同，具体总结如下：

null:即表示为空，没有对象。

1. 作为函数的参数，表示该函数的参数不是对象。
2. 作为对象原型链的终点。

undefined：表示缺少值，此处应该有值，但未定义。

1. 变量被声明了，但没有值，此时为undefined
2. 调用函数时，应该提供的参数没有提供，此时为undefined
3. 对象没有赋值的属性，此属性值为undefined
4. 函数没有返回值，默认返回undefined

null与undefined的区别主要体现在以下三点:

1.值相等而类型不相等

var x; var y = null; console.log(x == y); //ture console.log(x ===y); //false

在上面的代码中 == 会继续类型转换，且值是相等的，所以会得出 ture；而在 === 中则不会发生类型转换所以得出的是 false。因此undefined和null的值相等而类型不相等。

2.数字运算不相同

1 null //1 1 undefined //NaN

这是由于约定的不同所决定的。在规定中数字与undefined运算时，结果都NaN。在与null运算时，null始终为0。

3.具体作法不一样

当我们想要判断一个值是否存在可以这样写：

obj.value === undefined

而当我们想要判断一个对象是否为空时可以这么写：

obj.value == null

最后借一波MDN总结的null和undefined的区别的代码：

typeof null // object (因为一些以前的原因而不是'null') typeof undefined // undefined null === undefined // false null == undefined // true null === null // true null == null // true !null //true isNaN(1 null) // false isNaN(1 undefined) // true

喜欢小编的点击关注，了解更多知识！