详解JavaScript中双等号引起的隐性类型转换

引言：双等号与隐性类型转换概述

引子

if语句是程序员日常使用频率极高的控制结构，其中条件判断往往依赖于双等号（==）来验证两个操作数是否相等。若条件成立，则返回true并执行后续代码；否则执行其他分支。本文所探讨的“隐性类型转换”，正是由双等号在比较过程中自动进行的类型 coerction 所引起。例如，表达式 "1" == 1 中，字符串 "1" 会被隐式转换为数字 1 再进行比较。这一机制即为隐性类型转换的核心体现。

双等号隐性类型转换的具体步骤

隐性类型转换步骤

第一步：检查双等号两侧是否存在 NaN。只要任意一侧为 NaN，比较结果直接返回 false，不进行后续转换。

第二步：检查双等号两侧是否存在布尔值。若存在，需先将布尔值转换为数字，其中 false 转为 0，true 转为 1。

第三步：检查双等号两侧是否存在字符串。此阶段分为几种情况处理：

1. 若另一侧为对象，则调用该对象的 toString() 或 valueOf() 方法进行转换； 2. 若另一侧为数字，则将字符串转换为数字进行比较（如前文 "1" == 1 示例）； 3. 若另一侧仍为字符串，则直接进行字符串内容的比较； 4. 其他未覆盖的情况一律返回 false。 第四步：若一侧为数字，另一侧为对象，则调用对象的 valueOf() 或 toString() 方法获取值进行比较，其余情况返回 false。

第五步：null 和 undefined 之间不进行类型转换，但 null == undefined 的结果为 true。

务必牢记上述转换顺序，这在面试中常作为考察类型转换知识的重点题目出现。

valueOf与toString方法的转换机制

.toString()方法和.valueOf()数值转换机制

通常认为，将对象转换为字符串应调用 toString() 方法，转换为数字应调用 valueOf() 方法。然而实际应用中逻辑更为复杂，请参考以下代码实例：

var obj = {
 webName: "haorooms前端博客",
 url:"www.jb51.net"
}
console.log(obj.toString()); //[object Object]

同理，我们观察 valueOf() 方法的实际表现：

var arr = [1, 2, 3];
console.log(arr.valueOf());//[1, 2, 3]

从上述代码可见，valueOf() 方法并未将对象转换为能直接反映其数值的数字。相反，我们在使用 toString() 时会有不同表现。

var arr = [1, 2, 3];
console.log(arr.toString());//1,2,3

注：许多开发者误以为转换为字符串必然首先调用 toString() 方法，这是不准确的。正确的理解是：调用 toString() 可以生成字符串，但转换字符串的操作不一定首选调用 toString()。

请看以下代码示例：

var arr = {};
arr.valueOf = function () { return 1; }
arr.toString = function () { return 2; }
console.log(arr == 1);//true

var arr = {};
arr.valueOf = function () { return []; }
arr.toString = function () { return 1; }
console.log(arr == 1);//true

通过上述代码可以观察到，转换过程首先尝试调用 valueOf()。如果 valueOf() 返回的不是原始值（primitive value），则会转而调用 toString() 进行转换。

var arr = {};
arr.valueOf = function () { return "1"; }
arr.toString = function () { return "2"; }
console.log(arr == "1");//true

即使对于字符串 "1"，转换时首先调用的依然是 valueOf()。

var arr = [2];
console.log(arr + "1");//21

在上述示例中，实际调用的是 toString()，因为 arr.toString() 的结果为 "2"。

具体的转换流程如下：首先调用 arr 的 valueOf() 方法。由于数组的 valueOf() 是简单继承自原型链，并未被重写，其返回值仍是数组对象本身而非原始值类型。因此，引擎转而调用 toString() 方法，从而实现了转换为字符串的目的。

小结

大多数对象在隐式转换为原始值时，会首先尝试调用 valueOf() 方法。但 Date 对象是一个例外：其 valueOf() 和 toString() 方法均经过特殊重写，默认情况下调用 toString()。例如在使用 + 运算符时，Date 对象会优先调用 toString()；而在其他算术运算环境中，则会转而调用 valueOf()。

var date = new Date();
console.log(date + "1"); //Sun Apr 17 2014 17:54:48 GMT+0800 (CST)1
console.log(date + 1);//Sun Apr 17 2014 17:54:48 GMT+0800 (CST)1
console.log(date - 1);//1460886888556
console.log(date * 1);//1460886888557