if和==这两个判断方式虽然都是通过布尔值来判断结果的，但是这两个判断方式的原理还是有很大差距的。
if（xx）的判断方式
关于if的判断方式，来看几个例子。
if ("hello") {
console.log("hello")
}
if ("") {
console.log('empty')
}
if (" ") {
console.log('blank')
}
结果是什么？
第一个输出“hello”；第二个没有结果输出；第三个输出“blank”。
为什么呢？？
我们前面说过，if与==都是通过布尔值来判断结果的。因此，if会把后面括号内的元素强制转换为布尔值，根据转化后的结果进行判断。
转化规则
| 类型 | 结果 |
|---|---|
| Undefined | false |
| Null | false |
| Boolean | 直接判断 |
| Number | +0, −0, 或者 NaN 为 false, 其他为 true |
| String | 空字符串为 false,其他都为 true |
| Object | true |
根据这个规则我们可以很清楚的知道这个式子的结果，也可控制式子得到我们想要的结果。
==的判断方式
在了解==的判断方式之前我们需要先了解一下他的运算规则。
==的运算规则
==是进行值的比较，而===则是进行属性与值的比较。前者在比较的时候Javascript会自动的帮我们进行属性的转换，但是有时候会有一些很奇怪的问题出现，这时候我们就需要知道它的转换规则。
- 如果两个值类型相等，就会严格的执行相等的运算
- 如果两个值类型不相等：
- 如果一个是null，一个是undefined，那么相等
- 如果一个是数字，一个是字符串，先将字符串转为数字，然后比较
- 如果一个值是true/false则将其转为1/0比较
- 如果一个值是对象，一个是数字或字符串，则尝试使用valueOf和toString转换后比较
- 其它就不相等了
==的判断规则
我们还是先来看几个例子
"" == 0
"" == false
" " == true
"hello" == true
"0.00" == false
结果是什么？
第一个结果为true，第二个结果为true，第三个结果为false，第四个结果为false，第五个结果为true。
为什么呢？？
| x | y | 结果 |
|---|---|---|
| null | undefined | true |
| Number | String | x == toNumber(y) |
| Boolean | (any) | toNumber(x) == y |
| Object | String or Number | toPrimitive(x) == y |
| otherwise | otherwise | false |
这是==在计算时的大体转化规则，具体的某些计算方式如下：
toNumber
| 类型 | 返回结果 |
|---|---|
| Undefined | NaN |
| Null | 0 |
| Boolean | ture -> 1, false -> 0 |
| String | “abc” -> NaN, “123” -> 123 |
toPrimitive
对于 Object 类型，先尝试调用 .valueOf 方法获取结果。 如果没定义，再尝试调用 .toString方法获取结果。
这些是if（xx）和 “==”的判断规则。有时候搞清楚原理有助于我们更好的工作，写出不被评价为烂代码的东西。
