令人挠头的运算符： && 、|| 和 类型转换

在JS中有一些操作符结果比较“迷人”，比如： && ||

&&

对于&&来说：如果第一个为true，返回的是第二个值。相反，第一个为false,则直接返回这个值而不会执行后面的。

1 && 2  //2

对于多个值连接在一起，规则类似，前一个为true，就继续判断下一个，直到遇到false或者是到达最后返回值。

1 && 2 && 3 //3
1 && 2 && 0 //0
0 && 1 && 2 //0
0 && (function(){console.log(222)})     //0
1 && (function(){console.log(222)})    //ƒ (){console.log(222)}

||

这个与&&相反，如果第一个表达式的计算结果为true，则停止执行。反之，第一个计算结果为false,则继续向后执行。

1 || 2 || 3   //1
0 || 2 || 3   // 2

类型转换

• 转布尔值
• 转字符串
• 转数字

转布尔值

数字： -0 ， +0 ，NaN => false 其他的均为true
字符串：空字符串 => false 其他的均为true
undefined，null: false
引用类型：均为true

转字符串

基本类型：基本类型的字符串形式
数组：[1,2] => 1,2
函数：函数的字符串表示
对象：[object Object]

转数字

字符串：只包含数字字符 => 数字，其他的均为NaN
数组： 空 => 0 ， 一个元素且为数字 => 数字，其他的均为NaN
布尔值： true => 1 ; false => 0
对象(除数组)：NaN
null: 0
undefined:NaN

==的类型隐式转换

• 相同类型：直接比较
• undefined和null：true
• string和number：转换为number
• 有一方为boolean，将boolean转换为number，再进行比较
• 如果是object，另一方为string，symbol或number，会将object转换为字符串

对象转原始类型值得注意点

• 首先调用Symbol.toPrimitive()方法，优先调用,如果返回值不为原始类型，结果报错。

在 Symbol.toPrimitive属性(用作函数值)的帮助下，一个对象可被转换为原始值。

• 调用valueOf()方法，如果是原始类型，则返回，否则调用toString()方法。
• 调用toString()方法，如果是原始类型，则返回。
• 如果都不返回原始类型，则报错。