// 类型相同时，只需要比较两边值是否相等即可
666 == 666 // true
'666' == '666' // true
false == false // true
// 当然也有例外
NaN == NaN // false
+0 == -0 // true
{} == {} // false 对象是引用类型，两个对象分别指向不同引用，地址不相同

// 类型不相同时
// 1. 字符串和数字
// 首先会把字符串转化为数字，Number('666') == 666
'666' == 666 // true
// 2. 布尔值和其他类型
// 如果布尔值和其他类型比较，会先把布尔值转成数字类型，true == 1
'666' == true // false 所以在写if判断时要注意这种错误写法
// 3. undefined和null
// null和undefined互相相等 | 与其自身相等
null == undefined // true
null == false // false
undefined == 0 // false

// 例一
1 + {} // '1[object Object]'
/**
* ({}).valueOf() ---> {}
* ({}).toString() ---> '[object Object]'
* 解析：
*（1）由于上面说的规则，先看见数字1，此时右边的对象{}就会被转化成一个数字；
*（2）由于转化类型是数字类型，它首先会调用valueOf()方法，此时还是返回对象{}，
* 接着就会继续调用toString()方法，此时会被转化成'[object Object]'基本字符串类型；
*（3）数字1再和字符串相加肯定就得到了上面我们所看到的结果'1[object Object]'。
*/

// 例二
"1" + {} // "1[object Object]"
/**
* 解析：
* 虽然和例一中得到的结果是一致的，但是其解析过程是不一样的，对于例二的解析步骤：
*（1）先看见字符串1，此时右边的对象{}就会被转换成一个字符串；
*（2）对象{}被转换成一个字符串，首先会调用toString()方法将
* 其转化成'[object Object]'基本数字类型；
*（3）最后字符串"1"再和"[object Object]"字符串进行拼接得到结果"1[object Object]"。
*/

// ----------------------难度升级-----------------------
// 例三
[] + [] // ""
/**
* 解析：
* 两边都是非数字或非字符串，记住一个原则：按照valueOf() ---> toString()顺序
* [].valueOf() ----> []
* [].toString() ----> ""
*（1）按照说的规则，左右两边的数组[]都会去转化为数字类型，
* 也就是valueOf--->toString顺序来执行；
*（2）数组[]转化为数字类型，首先会调用valueOf()方法，此时会返回数组[]，
* 由于还是对象类型，它会接着去调用toString()方法，然后返回一个空的字符串""；
*（3）所以[]+[]就相当于""+""然后得到""空字符。
*/

// 例四
[] + {} // "[object Object]"
/**
* 解析：
*（1）对于两边都是非数字或者非字符串，那么数组[]和对象{}都会被转换成数字类型；
*（2）[]首先会去调用valueOf()方法转化为数组[]，由于它是对象类型又会接着调用
* toString()方法，然后返回一个空的字符串""；
*（3）{}首先会去调用valueOf()方法转化为{}，由于它是对象类型又会接着调用
* toString()方法，然后返回字符串"[object Object]"；
*（4）""+"[object Object]"得到最终结果字符串"[object Object]"。
*/

// --------------难度再次升级-----------------------
// 例五
{} + [] // 0
/**
* 解析：
* {}可以看成是对象，但是大家有没有想过它也可以是代码块呢。如果{}放到前面的话，
* 浏览器会把它解析成代码块，代码块意味着它是什么用都没有的。这个时候后面的"+"
* 并不是二元运算符号，而是一个一元运算符。这个时候数组[]变为数字类型，
* 经过valueOf()和toString()方法之后变为空字符串，然后+""一元符将空字符串转化为数字0。
*/

// 例六
// 它是一个表达式
({} + []) // "[object Object]"
/**
* 解析：
* 例六就是对例五的一个扩展，其实再外层添加括号才能得到我们最开始想要的结果值。
* 这个时候在外层添加括号之后{}就不会被解析为代码块，会被解析为一个对象，至于过程中的
* 对象{}和数组[]都会按照valueOf()和toString()的顺序来解析，最终得到"[object Object]"返回值。
*/

// 例七
{} + {} // NaN
/**
* 解析：
* 首先需要声明：火狐浏览器解析出来时NaN，而Chrome谷歌浏览器解析出来是
* "[object Object][object Object]"，此时需要看你的浏览器怎么解析了
*
* 按照火狐浏览器来解析：第一个{}会被解析为代码块，然后将其忽略掉，
* 然后加号会被解析为一元运算符，第二个{}对象会被解析为数字，首先执行valueOf()返回{}对象
* ，然后调用toString()返回字符串"[object Object]"，由于+"[object Object]"会被转化
* 为数字，相当于隐私调用Number("[object Object]")，最后给你返回NaN的值
*
* Chrome解析，和例五有区别，总结：
* 如果第一个(前面)是{}时，后面加上其他的像数组、数字或字符串，这时候加号运算
* 会直接变为一元运算符，也就是强制转为数字的运算。
* ({}).valueOf() -> {}
* ({}).toString() -> '[object Object]'
*/