undefined 和 null

1. undefined

定义

undefined 是 JavaScript 中的一个数据类型。

可以将其当作全局对象的一个属性，该属性的值为undefined，即：window.undefined: undefined。
也可以将其当作一个全局变量，该变量的唯一值为undefined。
从这个意义上讲，用typeof操作undefined变量会返回一个"undefined"字符串，即
```
typeof undefined === "undefined"; // true
```

含义

undefined是一个空值，表示“缺少值”，即——此变量应有值，但未定义。

用法

变量被声明了，但未赋值，此时该变量的默认初始值为undefined（即访问未初始化的变量会得到undefined）；
对象中未赋值的属性或方法，此时该属性/方法的默认初始值为undefined（即访问未赋值/不存在的对象属性/方法会得到undefined）；
当访问不存在（超出索引）的数组元素是会得到undefined；
调用函数时未传入的参数，此时该参数的默认初始值为undefined；
当函数无返回值时，默认返回值为undefined。

（另外，undefined也可以作为局部变量使用，可以给其赋一个新值，如var undefined = "not undefined"。）

判断

undefined可以用两种方式判断：

标准相等操作符===；
类型判断函数typeof。

但考虑到 undefined 可能被赋予了另外的值，采用===判断可能不靠谱，因此可以使用void 0替代undefined。

void运算符的含义是：对给定的表达式进行求值，然后返回 undefined。

2. null

定义

null 也是 JavaScript 中的一个数据类型，表示一个空对象指针，指示变量未指向任何对象。

含义

null是一个空值，表示“变量未指向任何对象”，此处无值。

用法

当定义的变量未来会被用作保存对象时，最好将该变量初始化为null；
当变量不再需要被使用时，可将其设置为null来解除引用；
作为对象原型链的终点。

判断

null只能用严格相等操作符===判断。而不能用类型判断函数typeof判断，因为：

在JavaScript最初的实现中，JavaScript中的值由一个表示类型的标签和实际数据值表示。object的类型标签为0，又由于null代表空指针（空值针在大多数平台下值为0x00），致使null的类型标签也为0，进而使用typeof null会错误的返回object。

3. 空值与假值

undefined和null均为空值。
与空值相对应的概念为假值，0、""、false均为假值，即：
```
console.log(0 == false); // true 
console.log("" == false); // true 
```
空值与假值在if语句的条件分支中均被视为false，但空值 !== 假值，即：
```
console.log(undefined == false); // false
console.log(null == false); // false
```
由于undefined实际上是null的派生，因此有
```
console.log(undefined == null); // true
```
但由于二者属于不同的数据类型，则有
```
console.log(undefined === null); // false
```

4. 8个处理 undefined 的 Tips

声明变量时，推荐使用const（尤其对于只赋值一次且不再改变的变量）、其次let，拒绝var
- 好处：JavaScript 语法规定const定义时必须赋初值，因而使用const可以避免意外访问到undefined。
将变量的声明尽可能移到使用位置之前以增强内聚
高内聚和低耦合是设计良好的系统的特点。

高内聚代码的优势：
- 专注易理解
- 可维护易重构
- 易重用
- 易测试
- 好处：
  - 变量不会暴露为未初始化的状态，因而不会意外访问到undefined；
  - 增强了代码的可读性；
  - 更易于重构和提取为函数。
使用对象时首先检查属性是否存在
- 两种推荐的检查方法：
  - 使用in，即prop in obj（可用于自身的或继承的属性）；
  - 使用hasOwnProperty，即obj.hasOwnProperty(prop)（可用于自身的属性）。
解构访问对象属性
- 实现：const {prop = 'default'} = object
对象解构允许将值从对象属性直接提取到变量中，并在属性不存在时设置默认值，是一种避免直接处理undefined的方法。
使用默认属性填充对象
- 可以将源对象的属性赋给目标对象，两种实现方法：
  - assign函数：object.assign(targetObj, sourceObj1, sourceObj2, ...)
  - 在对象初始化器中扩展属性：
```
const sourceObj1 = {
    obj1Prop1: "default";
    ...
}
const sourceObj2 = {
    obj2Prop1: "default";
    ...
}
const targetObj = {
    sourceObj1;
    sourceObj2;
    ...
}
```
创建函数时为参数提供默认值
- function fun(variable1, variable2 = "default") {...}
不要依赖自动分号插入(ASI)机制
- 下列语句必须自动插入分号：
  - 空语句
  - let、const、var、import、export的声明语句
  - 表达式
  - debugger;
  - continue;
  - break;
  - throw语句
  - return语句
避免使用稀疏数组
- 访问稀疏数组的空隙时会得到undefined。

参考：

Java 中的 undefined 和 null