类型转换 ​

将值从一种类型转换为另一种类型称为类型转换
在 JavaScript 中进行类型转换时，根据调用形式的不同可以分为以下两种:

• 显式类型转换
• 隐式类型转换

抽象操作 (内部的类型转换规则) ​

在了解类型转换前我们需要知道 JavaScript 的 抽象操作 (类型转换规则)

抽象操作 是指仅供内部使用的操作

• ToPrimitive 将引用类型转换成相应的基本类型值
• ToString 将非字符串值转换成字符串
• ToBoolean 将非布尔值转换成布尔值
• ToNumber 将非数字值转换成数字值

ToPrimitive ​

ToPrimitive 用来处理引用类型到基本类型的类型转换

const obj1 = {
  toString() {
    console.log('toString')
    return []
  },
  valueOf() {
    console.log('valueOf')
    return 2021
  }
}

const obj2 = {
  toString() {
    console.log('toString')
    return 'jeffery'
  },
  valueOf() {
    console.log('valueOf')
    return []
  }
}

/** 显式类型转换 */
Number(obj1)    // valueOf              => 2021
Number(obj2)    // valueOf   toString   => NaN

String(obj1)    // toString  valueOf    => '2021'
String(obj2)    // toString             => 'jeffery'

/** 隐式类型转换 */
1 + obj1        // valueOf              => 2022
1 + obj2        // valueOf   toString   => '1jeffery'

'str: ' + obj1  // valueOf              => 'str: 2021'
'str: ' + obj2  // valueOf   toString   => 'str: jeffery'

ToString ​

ToString 用来处理非字符串到字符串的类型转换

ToBoolean ​

ToBoolean 用来处理非布尔值到布尔值的类型转换，在 JavaScript 中，布尔类型分为真值(true)和假值(false)

• 假值：可以被强制类型转换为 false 的值
• 真值：除假值之外的值

ToNumber ​

ToNumber 用来处理非数字值到数字值的类型转换

显式类型转换 ​

显式类型转换是指显式的去调用类型转换方法

• 转换成布尔值
  • Boolean()
• 转换成数值
  • Number()
  • parseInt()
  • parseFloat()
• 转换成字符串
  • String()

隐式类型转换 ​

隐式类型转换是指在执行过程中，当实际操作的值与 JavaScript 内部期望得到的值不同时，就会对其做隐式类型转换(即不易察觉的类型转换)
在 JavaScript 中有以下场景会发生隐式类型转换

• 相等运算符 (==)
• 四则运算符 (+ - * /)
• 关系运算符 (> < >= <=)
• 逻辑操作符 (&& ||)
• 条件判断语句
  • if()
  • while()
  • 三元运算符

相等运算符运算规则（重点） ​

为什么 0 == null 是 false ？

0 == null // false

ECMA-262 规范 7.2.12 小节对相等运算符的描述

1. 如果 x 不是正常值（比如抛出一个错误），中断执行；
2. 如果 y 不是正常值，中断执行；
3. 如果 Type(x) 与 Type(y) 相同，执行严格相等运算 x === y；
4. 如果 x 是 null，y 是 undefined，返回 true；
5. 如果 x 是 undefined，y 是 null，返回 true；
6. 如果 Type(x) 是数值，Type(y) 是字符串，返回 x == ToNumber(y) 的结果；
7. 如果 Type(x) 是字符串，Type(y) 是数值，返回 ToNumber(x) == y 的结果；
8. 如果 Type(x) 是布尔值，返回 ToNumber(x) == y 的结果；
9. 如果 Type(y) 是布尔值，返回 x == ToNumber(y) 的结果；
10. 如果 Type(x) 是字符串或数值或 Symbol 值，Type(y) 是对象，返回 x == ToPrimitive(y) 的结果；
11. 如果 Type(x) 是对象，Type(y) 是字符串或数值或 Symbol 值，返回 ToPrimitive(x) == y 的结果；
12. 返回 false。

Type(x) 是 the type of x 的简写，其中的 type 是 ECMA-262 规范中定义的 ECMAScript 语言和规范类型

所以在计算 0 == null 时，由于 0 的类型是数值，null 的类型是 Null（这是规格 4.3.13 小节的规定，是内部 Type 运算的结果，跟 typeof 运算符无关）；
因此上面的前 11 步都得不到结果，要到第 12 步才能得到 false。

相等运算符 —— ECMAScript 6 入门

四则运算符运算规则 ​

关系、逻辑、条件运算符运算规则 ​