JavaScript 彻底读懂和使用 == 和 ===

首先我们要知道 == 和 === 到底都是什么概念，区别是什么，才可以在不用的场景中使用这两个运算符。

=== 叫做严格运算符， == 叫做相等运算符。

严格运算符的运算规则如下：

1. 如果两个值的类型不同，直接返回 false。
2. 同一类型的原始类型的值（数值、字符串、布尔值）比较时，值相同就返回 true，值不同就返回 false。
3. 两个复合了类型（对象、数组、函数）的数据比较时，不是比较它们的值是否相等，而是比较它们是否指向同一个对象。
4. undefined 和 null 与自身严格相等。

下面举几个例子：

'111' === 111 // false
111 === 111 // true
111 === 222 // false
{a:'1'} === {a:'1'} // false
var a = {value:'1'};
var b = {value:'1'};
a === b; // false
a === a; // true
var c = a;
c === a; // true
null === null // true
undefined === undefined // true

相等运算符在比较相同类型的数据时，与严格相等运算符完全一样。

在比较不同类型的数据时，相等运算符会先将数据进行类型转换，然后再用严格相等运算符比较。

类型转换规则如下：

1. 原始类型的数据会转换成数值类型再进行比较。字符串和布尔值都会转换成数值。
2. 对象（这里指广义的对象，包括数值和函数）与原始类型值比较时，对象转化成原始类型的值，再进行比较。
3. undefined 和 null 与其他类型的值比较时，结果都为 false，它们相互比较时结果为 true。

通过上面类型转换规则的介绍我们可以看出，相等运算符隐藏的类型转换，会带来一个违反直觉的结果。

下面举几个例子：

'' == '0' // false
0 == '' // true
0 == '0' // true

false == 'false' // false
false == '0' // true

false == undefined // false
false == null // false
null == undefined // true

' \t\r\n ' == 0 // true

甚至还会改变比较的数据的值！请看代码：

var x = 1;
var obj = {
  valueOf: function() {
    x = 2;
    return 0;
  }
}
console.log(obj == 0, x); // true, 2
// 根据类型转换规则的第二点可知对象与原始类型的值比较时，对象会转化成原始类型的值，再进行比较。在对象转化成原始类型的过程中会调用 obj.valueOf 这个方法所以全局变量 x 会赋值为 2

或者产生异常

var x = 1;
var obj = {
  valueOf: function() {
    return {}
  },
  toString: function() {
    return {}
  }
}
console.log(obj == 0); // Error: Cannot convert object to primitive value
// 中文解释为 "不能将对象转换为原始值"，详见 http://blog.csdn.net/wopelo/article/details/61913796

由此可见，使用 == 在很多情况下是不安全的，并且可能会造成一些错误。这就是为什么建议尽量不要使用相等运算符的原因。

那到底什么时候可以使用 == 相等运算符呢？

答案：是只有在检测 null/undefined 的时候可以使用 x == null，因为我们通常不区分 null 和 undefined ，即将 x == null 作为 x === null || x === undefined 的缩写。其他时候会建议使用严格运算符。

如果非要问还有没有其他情况可以使用 == 相等运算符，这里有一篇文章进行了详细的介绍，可以参考：
在JavaScript中什么时候使用==是正确的？