null与undefined的区别

初学前端js经常搞不清楚null与undefined的区别,他们是js中的原始数据类型

1、undefined数据类型只有一个值undefined，当声明的变量未初始化时，变量的默认值是undefined.

2、null也只有一个值null，用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。

var a;
console.log(a);
//undefined

我们没有对变量a进行初始化，所以输出undefined。

console.log(document.getElementById("notExistElement"));
//null

当页面中不存在id为notExistElement的元素时，输出null，因为我们在尝试获取一个不存在的对象。

console.log(typeof undefined);
console.log(typeof null);
//undefined
//object

第一行代码很容易理解,undefined 的类型为undefined.但第二行代码让人很疑惑，null的类型怎么变成object了呢？这其实是js最初实现的一个错误，后被ECMAscript沿用了下来，现在我们可以理解null为一个不存在的对象占位符

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

这里就更让我们疑惑了，为甚null==undefined会输出true呢，ECMAscript认为undefined是从null派生出来的，所以定义相等。但在实际编程中想区分两者，怎么办呢？

console.log(null===undefined);
console.log(typeof null==typeof undefined);
//false
//false

"==="为全等于，不仅包括数值还包括类型，前面讲了null和undefined类型不同，所以输出false，第二行代码同理。