概述
类型转换分为两种，隐式转换即程序自动进行的类型转换，强制转换即我们手动进行的类型转换。
隐式转换
类型转换规则
if语句和逻辑运算
turly变量和falsely变量
turly变量：!!a===true的变量
falsely变量：!!a===false的变量
falsely变量
以下是falsely变量，除此以外都是truly变量
0
NaN
''
null
undefined
false
即
!!0 === false
!!NaN === false
!!'' === false
!!null === false
!!undefined === false
!!false === false
if语句
if语句中判断的就是turly变量和falsely变量
// truly变量
const a = true
if (a) {
}
const b = 100
if (b) {
}
// false变量
const c = ''
if (c) {
}
const d = null
if (d) {
}
let e
if (e) {
}
逻辑判断
// 逻辑判断
console.log(10 && 0) // 0
console.log('' || 'abc') // 'abc'
console.log(!window.abc) // true
各种数学运算符
数学运算符(- * /)
我们在对各种非Number类型运用数学运算符(- * /)时，会先将非Number类型转换为Number类型;
1 - true // 0
1 - null // 1
1 * undefined // NaN
2 * ['5'] // 10
+操作符
- 1.当一侧为
String类型，被识别为字符串拼接，并会优先将另一侧转换为字符串类型。 - 2.当一侧为
Number类型，另一侧为原始类型，则将原始类型转换为Number类型。 - 3.当一侧为
Number类型，另一侧为引用类型，将引用类型和Number类型转换成字符串后拼接。
123 + '123' // 123123 （规则1）
123 + null // 123 （规则2）
123 + true // 124 （规则2）
123 + {} // 123[object Object] （规则3）
==
使用==时，若两侧类型相同，则比较结果和===相同，否则会发生隐式转换，使用==时发生的转换可以分为几种不同的情况（只考虑两侧类型不同）：
NaN
NaN和其他任何类型比较永远返回false(包括和他自己)。
NaN == NaN // false
Boolean
Boolean和其他任何类型比较，Boolean首先被转换为Number类型。
true == 1 // true
true == '2' // false
true == ['1'] // true
true == ['2'] // false
这里注意一个可能会弄混的点：undefined、null和Boolean比较，虽然undefined、null和false都很容易被想象成假值，但是他们比较结果是false，原因是false首先被转换成0：
undefined == false // false
null == false // false
String和Number
String和Number比较，先将String转换为Number类型。
123 == '123' // true
'' == 0 // true
null和undefined
null == undefined比较结果是true，除此之外，null、undefined和其他任何结果的比较值都为false。
null == undefined // true
null == '' // false
null == 0 // false
null == false // false
undefined == '' // false
undefined == 0 // false
undefined == false // false
原始类型和引用类型
当原始类型和引用类型做比较时，对象类型会依照ToPrimitive规则转换为原始类型:
'[object Object]' == {} // true
'1,2,3' == [1, 2, 3] // true
来看看下面这个比较：
[] == ![] // true
!的优先级高于==，![]首先会被转换为false，然后根据上面第三点，false转换成Number类型0，左侧[]转换为0，两侧比较相等。
[null] == false // true
[undefined] == false // true
根据数组的ToPrimitive规则，数组元素为null或undefined时，该元素被当做空字符串处理，所以[null]、[undefined]都会被转换为0。
何时使用
除了 == null 之外，其他都一律使用 ===
const obj = { x: 100 }
if (obj.a == null) { }
// 相当于：
// if (obj.a === null || obj.a === undefined) { }