Undefined和Null都是js的基本数据类型且分别都只有唯一值即undefined和null。

Undefined类型

什么时候能得到一个undefined呢？

1. 声明一个变量，但未初始化时。

var a；
console.log(a）//undefined

2.初始化为undefined

var a = undefined；
console.log(a）//undefined

3.对未定义的变量执行typeof

//未定义变量b
var a;
console.log(typeof a) //undefined
console.log(typeof b) //undefined

如果此时使用===来把为定义变量b和undefined比较，会出现报错。
其他会返回undefined的情况，比如一个没有return的函数，会返回undefined，或者调用函数没有传参，参数也会初试化为undefined。

所也得出判断一个变量是否为undefined的两个方法：

1. 使用===或者!==来判断一个变量是否有值。
2. 使用typeof操作符，对未定义的变量只有使用typeof来判断。

全局属性window.undefiend

无论是否初始化一个变量，我们都能给其赋值undefined，我们所赋值的undefined不是一个值而是window的一个属性window.undefined,他的值是undefined即原始的undefined。通常情况下代码中参与判断、比较赋值的都是window.undefined而在控制台打印或者函数中返回的就是原始的undefined。

console.log(window.undefined) // 原始的undefined

局部属性undefined

对比资料发现，undefined在js中不是一个保留字，这意味着以下情况发生。

(function() {
    
    var undefined = 'not is undefined';
    console.log(undefined); //"not is undefined"
    console.log(typeof undefined) // "string"
})()

这样会让js代码变的奇怪，让我们难以维护。

void 0

我们发行undefined可以重写，所以使用data === undefined来判断会有风险，怎么解决呢？
在官方文档中有这样一句话

void 运算符 对给定的表达式进行求值，然后返回 undefined
他告诉我们，使用void无论后面表达式结果是多少，都返回原始的undefined
所以可以这样来判断：

var a
console.log(a === void 0) //true

Null类型

Null也是JS的基本数据类型之一，他的值也只有唯一的null，null是一个字面量不是全局属性。逻辑上null是一个空对象指针，指示变量未指向任何对象。把 null 作为尚未创建的对象，也许更好理解。null 常在返回类型是对象，但没关联值的地方使用。

var $container = doucment.getElementById('container'); // 此时$container是不存在的
console.log($container) //null 

typeof unll

typeof null为什么不是Null而是Object呢？

var a = null;
console.log(typeof a); // "object"

我们可以做如下理解：

• 逻辑上，null表示空对象指针，它代表的就是一个空对象，所以typeof会返回object。
• 在最初的js中，JavaScript 中的值是由一个表示类型的标签和实际数据值表示的。对象的类型标签是 0。null 代表的是空指针（大多数平台下值为 0x00），因此，null的类型标签也成为了 0，typeof null就错误的返回了”object”。在ES6中，当时曾经有提案为历史平凡, 将type null的值纠正为null, 但最后提案被拒了,所以还是保持”object”类型。

null判断

使用严格相等符===或不相等操作符!==判断。
==和undefined会返回true，而typeof是没法判断的。

unll使用

将变量赋值null的情况

• 一个变量未来将保存一个对象时。
• 当一个数据不再需要使用时，我们最好通过将其值设置为null来释放其引用，这个做法叫做解除引用。解除一个值的引用并不意味着自动回收改值所占用的内存。解除引用的作用是让值脱离执行环境，以便垃圾收集器在下次运行时将其回收。解除引用还有助于消除有可能出现的循环引用的情况。这一做法适用于大多数全局变量和全局对象的属性，局部变量会在它们离开执行环境时(函数执行完时)自动被解除引用。

undefined和unll

实际上undefined值是派生自null值的，因此ECMA-262规定对它们的相等性测试要返回true:
==会转换其操作数为相同类型后再做比较，而使用严格相等符===比较，我们会发现它们是不相等的

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

console.log(undefined === unll) //false

写在最后

在看一到面试题null和undefined的区别的时候，想起自己虽然看过几次，单印象不深刻，在参考前人的文章时总结出这篇文章，用来以后复习。

参考链接

JavaScript深入理解之undefined与null | CavsZhouyou’s Blog