javascript 隐式转换 == 之 [ ]==![ ] 结果为true,而{ }==!{ } 结果为false
ECMAScript中的隐式转换 == 会先将两边转换成相似的类型,再执行比较;
①、如果有一个操作数是布尔值,则在比较相等性之前先将其转换为数值——false转换为0,而true转换为1;
②、如果一个操作数是字符串,另一个操作数是数值,在比较相等性之前先将字符串转换为数值
③、如果一个操作数是对象,另一个操作数不是,则调用对象的valueOf()方法,用得到的基本类型值按照前面的规则进行比较,如果对象没有valueOf()方法,则调用 toString();
顺便提一下,valueOf() 方法可返回 Boolean 对象的原始值。[ ] 和 { } 都是属于引用类型,js变量存储有栈存储和堆存储,基本数据类型的变量存储在栈中,引用数据类型的变量存储在堆中,引用类型数据的地址存在栈中,当访问基础类型变量时,直接从栈中取值。当访问引用类型变量时,先从栈中读取地址,在根据地址到堆中取出数据;
现在看看 [ ]==![ ] 的结果为true:
(1)根据运算符优先级 ,! 的优先级是大于 == 的,所以先会执行 ![ ] ;!可将变量转换成boolean类型,null、undefined、NaN以及空字符串('')取反都为true,其余都为false。所以 ! [ ] 运算后的结果就是 false,也就是 [ ] == ! [ ] 相当于 [ ] == false;
(2)根据上面的规则① ,[ ] ==![ ]相当于 [ ] == 0;
(3)根据上面的规则③,[ ].toString() = ' ' (空字符串);
(4)根据上面的规则②,空字符串转为数值为0,所以 [ ] == ![ ] 相当于 0=0,结果为true。
总结一下:
[ ] ==![ ] --> [ ] == false --> [ ] ==0 --> ' ' == 0 --> 0==0 --> true;
对于{ } ==!{ }也是同理的,关键在于{ }.toString() --> 结果为NaN, NaN==0 --> false;
那么同理,
对于 [ ]==!{ } 结果为true;{ }==![ ] 接果为false 就很容易理解了。