先用最近遇到的几个问题做引子:
1 console.log(null==undefined); //true
2 console.log(null==false);//false
3 console.log(null==0);//false
4 console.log(0==undefined);//false
5 console.log(false==undefined); //false
6 console.log([]==![]);//true
各位读者如果不确定的话,可以在各自的浏览器中实验一下。
怎么样?答案和自己想的一致吗?如果不一致,那就跟随笔者探索一下其中的奥秘吧!
首先我们来分析一下undefined和null的区别。
首先来看下面这个例子:
Number(null)
//0
10+null
//10
这样看来,null被设计成可以自动转为0.
JavaScript的最初版本是这样区分的,null是一个表示“无”的对象,转为数值时为0;undefined是一个表示“无”的原始值,转为数值时为NaN。
null表示“没有对象”,即该处不应该有值。典型用法是:
-
作为函数的参数,表示该函数的参数不是对象。
-
作为对象原型链的终点。
Object.getPrototypeOf(Object.prototype) // null
undefined表示“缺少值”,就是此处应该有一个值,但是还没有定义。典型用法是:
-
变量被声明了,但没有赋值时,就等于undefined。
-
调用函数时,应该提供的参数没有提供,该参数等于undefined。
-
对象没有赋值的属性,该属性的值为undefined
-
函数没有返回值时,默认返回undefined
var i; i //undefined function f(x){console.log(x)} f() //undefined var o=new Object(); o.p //undefined var x=f(); x //undefined
那么为什么null==undefined呢?
ECMAScript认为,undefined是从null派生出来的,所以把它们定义为相等的。但是,如果在一些情况下,我们一定要区分这两个值,那应该怎么办呢?可以使用下面的两种方法。
alert(null===undefined);
alert(typeof null == typeof undefined)
此时,我们已经解决了第5个问题,那么其他的如何解释呢?
下面是摘自stackflow上大神的解释。
The Abstract Equality Comparison Algorithm
The comparison x == y, where x and y are values, produces true or false. Such a comparison is performed as follows:
-
If Type(x) is the same as Type(y), then
1.1 If Type(x) is Undefined, return true.
1.2 If Type(x) is Null, return true.
1.3 If Type(x) is Number, then
-
If x is NaN, return false.
-
If y is NaN, return false.
-
If x is the same Number value as y, return true.
-
If x is +0 and y is −0, return true.
-
If x is −0 and y is +0, return true.
-
Return false.
1.4 If Type(x) is String, then return true if x and y are exactly the same sequence of characters (same length and same characters in corresponding positions). Otherwise, return false.
1.5 If Type(x) is Boolean, return true if x and y are both true or both false. Otherwise, return false.
1.6 Return true if x and y refer to the same object. Otherwise, return false. -
-
If x is null and y is undefined, return true.
-
If x is undefined and y is null, return true.
-
If Type(x) is Number and Type(y) is String,return the result of the comparison x == ToNumber(y).
-
If Type(x) is String and Type(y) is Number,return the result of the comparison ToNumber(x) == y.
-
If Type(x) is Boolean, return the result of the comparison ToNumber(x) == y.
-
If Type(y) is Boolean, return the result of the comparison x == ToNumber(y).
-
If Type(x) is either String or Number and Type(y) is Object,return the result of the comparison x == ToPrimitive(y).
-
If Type(x) is Object and Type(y) is either String or Number,return the result of the comparison ToPrimitive(x) == y.
基于以上规则,我们再来看看最初的题目:
以第6题为例:
[]是数组,而![]是boolean值。当你使用==比较两个不同类型的对象时需要转化为可比较的类型,根据上述规则第7条,使用ToNumber转化后,![]返回0,[]返回0,所以为true。