【干货】快速搞懂JS隐式类型转换

# <p align=center>快速搞懂JS隐式类型转换</p>
## 类型
JavaScript中共有七种内置类型

1. 空值（null）
2. 未定义（undefined）
3. 布尔置（boolean）
4. 数值（number）
5. 字符串（string）
6. 对象（object）
7. ~~symbol（这里我们不讨论）~~

除了对象之外，其他类型称之为基本类型（原始类型）

## 类型转换

##### 基本类型转数值
1. boolean转number：true -> 1，false -> 0。
2. undefined -> NaN。
3. null -> 0。
4. string转number，没有内容的字符串 -> 0 , 纯数字的字符串 ->对应的数值，其他情况-> NaN。

##### 所有类型转布尔类型
1. Nnll、0、undefine、NaN、长度为0的字符串为false、其余都是true。

##### 基本类型转字符串
1. 直接加””。

##### 对象类型转原始类型
1. 先调valueOf()。
2. 如果valueOf()没有返回基本类型，调用toString()。
3. 如果valueOf()和toString()都没有返回基本类型，就会报错。
4. 默认情况下，valueOf()返回的都不是基本类型，我们重点关注toString()方法。对象的toString()返回‘[object Object]’，数组的toString()返回去掉[]的内容，例如[1,3,{},'hello']返回'1,3,[object Object],hello',

## 运算符分类
JavaScript中进行运算符操作时，会转为基本类型，在进行运算。
##### 算术运算符
算术运算符类型：+ - * / % ++ --

运算规则：
1. 先转为原始类型
2. 转为数字运算
3. 特殊情况1：如果是有+字符串则进行字符串拼接
4. 特殊情况2：如有有NaN，返回NaN

##### 比较运算符
比较运算符的类型：>、<、 >=、 <=、 ==、 !=、 ===、!==

1. **>、<、 >=、 <=** 

- 转为数字比较
- 特殊情况：左右两边全是字符串，比较字典顺序
- 特殊情况：有一边是NaN，一定返回false

2. **== 和 !=**
- 类型相同直接比较
- 类型不同，转为原始值、再转为数值比较
- 特殊情况undefined和null仅与自身相等
- 特殊情况两边处在NaN 一定返回false
- !=是==的结果取反

3. === 和 !==
- 型和值都要相等
- 特殊情况 有NaN一定返回NaN