背景：
今日偶得领导宠幸，被安排去面试来应聘的前端工程师，这着实让我这个后端很为难。凡事总要花时间，于是拿出自己半小时的时间来准备。
之前在看前端vue代码的时候，注意到项目中到处都是对变量是否为undefined的判断，但是看到data函数中声明变量的时候都给的是null，当时就想找前端问清楚，然后被其他事情搞忘了。今天看到了这道题目，让我又想起来，为了方便以后温习， 这里记录一下。
一、相似性
在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。
var a = undefined;
var a = null;
上面代码中，a变量分别被赋值为undefined和null，这两种写法几乎等价。
undefined和null在if语句中，都会被自动转为false，相等运算符甚至直接报告两者相等。
if (!undefined)
console.log('undefined is false');
// undefined is false
if (!null)
console.log('null is false');
// null is false
undefined == null
// true
上面代码说明，两者的行为是何等相似！
既然undefined和null的含义与用法都差不多，为什么要同时设置两个这样的值，这不是无端增加JavaScript的复杂度，令初学者困扰吗？Google公司开发的JavaScript语言的替代品Dart语言，就明确规定只有null，没有undefined！
二、最初设计
JavaScript的最初版本是这样区分的：null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。
Number(undefined)
// NaN
5 + undefined
// NaN
三、目前的用法
目前，null和undefined基本是同义的，只有一些细微的差别。
undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：
（1）变量被声明了，但没有赋值时，就等于undefined。
（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。
（3）对象没有赋值的属性，该属性的值为undefined。
（4）函数没有返回值时，默认返回undefined。
var i;
i // undefined
function f(x){console.log(x)}
f() // undefined
var o = new Object();
o.p // undefined
var x = f();
x // undefined
null表示"没有对象"，即该处不应该有值。典型用法是：
（1） 作为函数的参数，表示该函数的参数不是对象。
（2） 作为对象原型链的终点。
Object.getPrototypeOf(Object.prototype)
// null
文章来源：阮一峰的网络日志
原文作者：阮一峰
原文链接：http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html
版权归原作者所有,如有侵权请立即与我联系,我将及时处理
网友评论