初学前端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,第二行代码同理。