JavaScript "===" 与 "==" 的区别

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

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

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

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

相等运算符的运算规则如下：

• 相同类型的数据
  比较规则与严格相等运算符完全一样
• 不同类型的数据
  相等运算符会先将数据进行类型转换，然后再用严格相等运算符比较。
  
  • 原始类型的值
    
    • 原始类型的数据会转换成数值类型再进行比较。字符串和布尔值都会转换成数值。
  • 对象与原始类型值比较
    
    • 对象（这里指广义的对象，包括数值和函数）与原始类型的值比较时，会将对象转化成原始类型的值，再进行比较。
  • undefined和null
    
    • undefined和null与其他类型的值比较时，结果都为false，它们互相比较时结果为true。undefined == null; //true

相等运算符不一定具有”传递性”

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

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

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

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

相等运算符可能带来负面的影响

var a = undefined;
if(!a) {
    console.log(a); //输出 undefined
}
if(a == null) {
    console.log(a); //输出 undefined
}
if(a === null) {
    console.log(a); //无输出
}

如果你覆写某个对象的 valueOf/toString 的话，相等运算符就可能会产生副作用

Array.prototype.valueOf = function() {
    this[0]++;
    return this;
}
Array.prototype.toString = function() {
    this[0]++;
    //由于Js中不能调用被覆盖之前的方法，所以必须自己实现
    var str = "["
    for(var i=0; i<this.length; i++) {
        str += this[i];
        if(i != this.length -1) {
            str += ", ";
        }
    }
    str += "]";
    return str;
}
var x = [1, 2, 3];
x == 0;
console.log(x);   // [3, 2, 3]

严格运算符比相等运算符效率高

由于严格运算符不需要进行类型转化，因此节省时间，能用严格运算符比较的地方就尽量用严格运算符来比较。