JavaScript中表示空的undefined与null的区别及用法

灰太狼 2024-04-18 06:32 55阅读 0赞

相信很多同学都说不出来undefined与null有什么区别  
今天这里总结一下JavaScript中表示空的undefined与null的区别

## 相似 ##

undefined和null都是JavaScript中的基本类型  
并且它们的类型值各只有一个，就是undefined和null，与它们的类型同名  
正常来说，这两个值看起来还真没什么区别

var foo = undefined;

var foo = null;

而且标准还有这样的规定

console.log(null == undefined) // true

（但是null !== undefined）  
转化为布尔值都是false

> if(!undefined)\{  
> console.log(1);//1  
> \}  
> if(!null)\{  
> console.log(1);//1  
> \}

## 区别 ##

但其实，有区别  
先来看看这几行代码

> console.log(undefined in window);// true  
> console.log(null in window);// false

这是其中不同的一点  
null是JavaScript的关键字  
而undefined是window上的一个特殊的的属性（和NaN、Infinity一样）  
虽然ES5undefined变为只读属性，但是仍然有不合理的地方，比如说这样

> function fn()\{  
> var undefined = 1;//  
> console.log(undefined);// 1  
> \}  
> fn();

看吧，因为undefined不是关键字，所以我们可以在局部变量中声明undefined（无力吐槽）  
（全局的window.undefined引擎设置了权限不可写）  
即便你是严格模式，也是一样的

这就是为什么很多优秀的框架或库都会在函数中传入undefined  
是为了防止undefined值被篡改

> (function(window, undefined) \{  
> // …  
> \})(window);

我们在平时千万不要写这么令人发指的代码  
在进行数学运算时也存在差别

> console.log(undefined + 1); //NaN  
> console.log(null + 1); //1

undefined进行任何运算会转换为NaN  
而null转换为0

## 用法 ##

按照Brendan Eich的设计  
undefined表示缺少值  
null表示为空对象  
但是现在我们并不是这样使用的

可以这样来理解  
undefined表示变量没有初始化，没有值  
null表示变量初始化了，值为“空值”

undefined是js用的，而null是给我们用的  
这句话不知道大家能不能理解  
比如在这些情况

> var a; 声明变量，引擎会在预编译给它赋上默认值undefined  
> function a()\{\} 声明函数，没有返回值默认返回undefined  
> var obj = \{\};obj.a; 访问不存在的对象属性，默认值undefined  
> var a = function(a)\{\};a(); 没有指定实参，默认参数值undefined  
> ……

这都是系统给我们默认的undefined，也就是js使用的  
而我们要用的是null  
比如说

> var obj = Object.create(null); 创建空对象  
> demo.onclick = null; 解除绑定事件  
> ……

只要我们想要使用空，就用null肯定没错，某些情况还可以方便浏览器的垃圾回收

## 总结 ##

最后给大家总结一下

**undefined是window上的特殊属性，是标识符，可被赋值（非全局）**

**null是特殊关键字，不是标识符，不能赋值**

**undefined == null –> true | undefined === null –> false**

**undefined转化为number为NaN，null转化为number为0**

**undefined与null转换为boolean都是false**

**undefined表示没有值，null表示空值**

**我们应该使用null表示空而不要使用undefined**

**永远不要重定义undefined**

发表评论取消回复

表情：

评论列表（有 0 条评论，55人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript中表示空的undefined与null的区别及用法

信很多同学都说不出来undefined与null有什么区别今天这里总结一下JavaScript中表示空的undefined与null的区别相似 undef...

灰太狼/ 2024年04月18日 06:32/ 0 赞/ 56 阅读

相关 JS中Null与Undefined的区别

JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑，在什么时候是Null，什么时候又是Un...

超、凢脫俗/ 2024年04月17日 16:50/ 0 赞/ 76 阅读

相关 JS中Null与Undefined的区别

![31a08c41bd31348be59e8df8ad72d193.jpeg][] 在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常

痛定思痛。/ 2024年04月01日 19:10/ 0 赞/ 91 阅读

相关 JavaScript undefined 与 null 的区别

阅读目录阐述一、相似性二、历史原因三、最初设计四、目前的用法 null 表示"没有对象"，即该处不应该有值。典型用法是

系统管理员/ 2023年10月06日 22:20/ 0 赞/ 3 阅读

相关 javaScript中undefined与null的区别以及undefined的历史来龙去脉

[undefined与null的区别(来龙去脉很详细)][undefined_null] 直接上代码和截图能认真看完的都是优秀的人，共勉！ <script t

短命女/ 2022年11月06日 02:53/ 0 赞/ 179 阅读

相关 JavaScript中null和undefined的区别

在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。 undefined == null // true 但是如果要用严格相

╰半夏微凉°/ 2022年08月09日 02:08/ 0 赞/ 238 阅读

相关 JavaScript中undefined和null的用法与区别

一、undefined 　　undefined类型只有一个值，就是undefined。当声明的变量未初始化时，该变量的默认值是undefined。所以一般地，undefi

短命女/ 2022年05月16日 04:22/ 0 赞/ 270 阅读

相关 [JavaScript]JavaScript中undefined和null的区别

JavaScript中undefined和null的区别 JavaScript两个表示”无”的值：`undefined`和`null`。我在平时只是null用的多一点，u

偏执的太偏执、/ 2022年05月08日 03:16/ 0 赞/ 298 阅读

相关 javascript中null和undefined的区别？

1.类型不一样： typeof (undefined); //undefined typeof(null); //object 2.转化为

绝地灬酷狼/ 2022年03月11日 16:10/ 0 赞/ 311 阅读

相关 JavaScript中0, "", null, false, undefined的区别

`JavaScript`中`0, "", null, false, undefined`返回的`Boolean`类型均为`false`。然而它们所指的并不是同一个概念，需要加以

朱雀/ 2021年06月26日 16:06/ 0 赞/ 534 阅读