undefined与null的区别

背景：每一种计算机语言几乎都有一个表示“无”的值，但是JS有两个：undefined和null，其实两者几乎一样，没有太大的区别，在if语句中都会被自动转换为false，相等运算的结果也为true，如：

if(!undefined){
    console.log('undefined is false')     undefined is false
}

if(!null){
    console.log('null is false')     null is false
}

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

既然两者相似，为什么会同时存在与JS中呢？

一、历史原因

最初JS诞生时，和Java一样只设置了null表示“无”的值，参与运算时会自动转换为0，如：

Number(null)     // 0
1 + null      // 1

后来JS的设计者觉得这样还不够，原因是：
1、像Java一样mull被当成一个对象，但是JS分为原始数据类型和合成数据类型，JS设计者认为被作为“无”的值不应该是一个对象
2、JS最初没有错误处理机制，发生数据类型不匹配时，往往是自动转换或者默默第失败，如果null自动转换为0很不容易发现错误，于是就有了undefined

二、最初设计

JS最初是这样区分undefined和nul的：null是一个表示“无”的对象，转换为数值是0；undefined是一个表示“无”的原始值，转换为数值是NaN,RU :

console.log(undefined)     // NaN
console.log(null)     // 0

三、现在用法

两者的基本意义相同，差别在于：
1、null表示“没有对象”，即该处不应该有值，如：
（1）作为函数的参数，表示该函数的参数不是对象
（2）作为对象原型链的终点

2、undefined表示“缺少值”，即此处应该有值，但是还没有定义，如：
（1）变量被声明了，但是没有赋值，就等于undefined

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

（2）调用函数时，应该提供的参数没提供，该参数等于undefined

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

（3）对象没有的属性，该属性值为undefined

var  o = new Object();
console.log(o.p)     // undefined

（4）函数没有返回值时，默认返回undefined

var x = f();
console.log(x)     // undefined