隐式转换的细节：别再这样if判断对象有没有该属性了！

今天在网上看到一个关于 ((2==true) + 1) 输出多少的问题，我直接就回答2了，然鹅。。。

((2==true) + 1)  // 1

why？？2==true不是1吗，1+1不是2吗。前者的思考是我对if语法判断的误解，因为以前if判断某个对象是否存在一个属性的时候，只要他有值，那就为真，然后就把2当做true了。后面查阅资料后发现，if判断会将判断条件强转为布尔值，要是以此来判断某个对象是否存在一个属性，那这里面就有很多坑了。

js转布尔值有下面四种情况：

1. 数字→布尔，0和NaN结果是false 其他都是true
2. 字符串→布尔，空字符串为false，其他都为true，包括空格字符串" "和"0"
3. null和undefined都会转为false
4. 引用数据类型都会转为true，包括空数组[]和空对象{}

测试案例：

实际开发中再这样写if代码判断直接得挨开发组长骂了

结论：推荐的判断对象属性的方法还是使用obj.hasOwnProperty(propertyName)，这个方法不会顺着原型链查找属性，如果需要查找可以用in操作符

---

回到最初的那个问题，(2==true)跟if(obj.a)是否有差别呢，答案是，大大的差别。

if判断是直接转布尔类型判断，而双等号的隐式转换规则就多了。

1. 先看两边有没有NaN，有的话直接返回false
2. 再看两边有没有布尔值，有就布尔值转数字（true为1，false为0）
3. 最后看两边有没有字符串又分三种情况。如果对方是对象，则转为字符串（数组会直接转成对应序列字符串，对象会转成'[object Object]'）；如果对方是数字，字符串转数字（也跟第二点有关）；如果对方是字符串，直接比较

这时看最初的那个问题，不就明朗起来了~

((2==true)+1)的隐式转换步骤：

1. true转为1
2. 2==true返回false
3. false+1也进行隐式转换，false转为0
4. 0+1=1

---

拓展问题：[ ] == ![ ] 输出什么？

没错，输出的居然是true！！！[ ]转字符串是"" 转布尔值是true，这是两个极端。

1. 先进行布尔转换， ([ ] == ![ ]) ==> ([ ] == false) ==> ([ ] == 0)
2. 空数组转字符串， ( "" == 0 ) 开始看得出结果了
3. 字符串转数字， 0 == 0

参考资料：

1. blog.csdn.net/ximing02071…
2. www.php.cn/faq/397193.…
3. blog.csdn.net/Leslie_hxd/…