Closed TokenYangForever closed 6 years ago
==
===
"[object Object]"
c=="[object Object]"
let a = { i: 1, toString () { return a.i++ } }
if(a == 1 && a == 2 && a == 3) { console.log('Hello World!'); } // 输出Hello World!
* 这里说下具体的过程:执行`a==1`时,js引擎会尝试把对象类型a转化为数字类型,首先调用a的valueOf方法来判断,不行则继续调用toString方法,然后再把toString返回的字符串转化为数字类型再去和a作比较(这里我重写了toString就直接返回的数字类型的结果,正常情况toString返回的字符串)。 * 所以每一次使用`==`判断都会调用一次a的toString方法,返回i属性的值,然后使a的i属性加1,这样最后的判断结果自然就为true了。 * 其实重写valueOf方法也可以实现,而且转化时会优先调用valueOf方法:
var c = { toString () { console.log('toString') }, valueOf () { console.log('valueOf') } } c == 1 // console输出'valueOf'
#### 结语 * 这个问题看起来是解决了,但其实在实际项目中去重写原生对象的`toString`或`valueOf`方法是很不应该的,比如`toString`本来是一定会返回一个字符串结果的,重写后返回其他类型反而容易出问题。
前言
valueOf和toString
==
双等号工作原理,==
和===
有什么区别呢?最主要的就是用==
的时候会涉及到类型转换,如果双等号两边数据类型不同会尝试将他们转化为同一类型。基础数据类型之间的转换是比较简单的,这里来说一下对象类型在使用==
时产生的隐形转换。"[object Object]"
,valueOf则是直接返回对象本身,而c=="[object Object]"
也为true则说明了在隐式转换的过程中,调用了c的toString方法。实现
if(a == 1 && a == 2 && a == 3) { console.log('Hello World!'); } // 输出Hello World!
var c = { toString () { console.log('toString') }, valueOf () { console.log('valueOf') } } c == 1 // console输出'valueOf'