JS运算规则和类型转换

咱就说这个 JavaScript 吧，是个神奇的语言。

来个笔试题

各位浅尝一道面试题：

100 + true + 21.2 + null + undefined + "Hello" + [] + null + 9 + false
// 这段结果是什么？

答案

'NaNHellonull9false'

简单分析过程

100 + true // true会变成1，结果101
101 + 21.2 // 正常数学计算，结果122.2
122.2 + null // null会变成0，结果122.2
122.2 + undefined // undefined会转成数字会变成NaN，122.2+NaN 结果NaN
NaN + "Hello" // NaN会转成字符串，结果'NaNHello'
'NaNHello' + [] // []会转成空字符串''，结果'NaNHello'
'NaNHello' + null // null会转成字符串null，结果'NaNHellonull'
'NaNHellonull' + 9 // 9会转成字符串，结果'NaNHellonull9'
'NaNHellonull9' + false // false会转成字符串，结果'NaNHellonull9false'

这个面试题，只是对JavaScript运算规则和类型转换的简单展示，已经很烦了~

可能你也看到各种支离破碎的规则，像下面这些：

数学运算符中的类型转换

（1）减、乘、除

规则：在对各种非Number类型运用数学运算符(- * /)时，会先将非Number类型转换为Number类型。

（2）加

规则：以下三条优先级从高到低

1. 当一侧为String类型，被识别为字符串拼接，并会优先将另一侧转换为字符串类型。

2. 当一侧为Number类型，另一侧为原始类型，则将原始类型转换为Number类型。

3. 当一侧为Number类型，另一侧为引用类型，将引用类型和Number类型转换成字符串后拼接。

逻辑语句中的类型转换

（1）单个变量

规则：如果只有单个变量，会先将变量转换为Boolean值。

（2）使用 == 比较

规则：

1. NaN和其他任何类型比较永远返回false。

2. Boolean 和其他任何类型比较，Boolean 首先被转换为 Number 类型。

3. String和Number比较，先将String转换为Number类型。

4. null == undefined比较结果是true，除此之外，null、undefined和其他任何结果的比较值都为false。

5. 原始类型和引用类型做比较时，引用类型会依照ToPrimitive规则转换为原始类型。ToPrimitive在MDN的解释是，通过尝试调用对象的valueOf()和toString()方法，将参数转换为原始类型。

。。。

。。。

干嘛？要背嘛？背不了一点~

多说无益，上图~

运算规则

算数运算

比较运算

逻辑运算

隐式类型转换

toNumber

toString

toBoolean

移樽就教

各位如果发现有什么不对的地方，可以提出来方便文档改正哦。

另外，图片可能上传会压缩，需要绘图原件可以私我。