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

2020-04-03  本文已影响0人  shandamengcheng

在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

==的类型隐式转换

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

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

上一篇 下一篇

猜你喜欢

热点阅读