前端小知识点：undefined和null区别

Posted 2021-11-23 前端小歌谣

目录

一、奇怪点

二、历史原因

三、具体区别

四、代码演示

五、运行结果

---

一、奇怪点

有点奇怪的是，javascript语言居然有两个表示"无"的值：undefined和null。这是为什么？

二、历史原因

1995年JavaScript诞生时，最初像Java一样，只设置了null作为表示"无"的值。根据C语言的传统，null被设计成可以自动转为0。

但是，JavaScript的设计者，觉得这样做还不够，主要有以下两个原因。

1. null像在Java里一样，被当成一个对象。但是，JavaScript的数据类型分成原始类型（primitive）和合成类型（complex）两大类，作者觉得表示"无"的值最好不是对象。

2. JavaScript的最初版本没有包括错误处理机制，发生数据类型不匹配时，往往是自动转换类型或者默默地失败。作者觉得，如果null自动转为0，很不容易发现错误。

因此，作者又设计了一个undefined。

这里注意：先有null后有undefined，出来undefined是为了填补之前的坑。

三、具体区别

JavaScript的最初版本是这样区分的：null是一个表示"无"的对象（空对象指针），转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。

四、代码演示

console.log(  1  + null );
console.log(  1  + undefined );	

五、运行结果