undefined与null的区别

下面是爱奇艺前端面试问的一个问题：

undefined与null有什么区别。typeof(null) typeof(undefined)输出的结果分别是什么。

这面我们就来详细探究一下这两个变量的相似性与区别。

1. 相似性
   在JavaScript中，将一个变量赋值为undefined或null，大部分情况下我个人认为是一样的。

    var name = undefined;

    var name = null;

上面代码中，name变量分别被赋值为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

2、区别
nll这里写代码片表示”没有对象”，即该处不应该有值。常见的用法是：

（1） 作为函数的参数，表示该函数的参数不是对象。
（2） 作为对象原型链的终点。

undefined表示”缺少值”，此处应该有一个值，但是还没有定义。常见的用法是：

（1）变量被声明了，但没有赋值时，就等于undefined。
（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。
（3）对象没有赋值的属性，该属性的值为undefined。
（4）函数没有返回值时，默认返回undefined。

var name;
name // undefined

function f(x){console.log(x)}
f() // undefined

var  obj = new Object();
obj.name // undefined

var val = f();
val // undefined

3、此外，它们执行typeof函数的结果如下

alert(typeof undefined); //output "undefined"  
alert(typeof null); //output "object"  

也即是说null是一个对象，所以在返回类型到时候，会返回object。
null 是 JavaScript 保留关键字。
null 参与数值运算时其值会自动转换为 0 ，因此，下列表达式计算后会得到正确的数值：
表达式：123 + null　　　　结果值：123
表达式：123 * null　　　　结果值：0

而undefined则是Global对象（window）的一个特殊属性，其值是未定义的。但 typeof undefined 返回 ‘undefined’ 。这个在JScript手册中查询“undefined 属性”可以找到解释。我们可以通过下面的例子来验证undefined是否为window的属性。

alert('undefined' in window);//输出：true   
var anObj = {};   
alert('undefined' in anObj); //输出：false