JavaScript 隐式类型转换机制详解：运算符与语句中的自动转换

隐式类型转换概述

若将通过函数或方法调用，明确地将一种类型转换为另一种类型称为显式转换，那么相反的情况则被称为隐式类型转换。尽管在 Google 和维基百科中未直接检索到“显示类型转换”或“隐式类型转换”的标准术语，但此处暂沿用此称呼以方便讨论。

运算中的隐式类型转换

一、运算中存在的隐式类型转换

1. “+”运算符

var a = 11, b = '22';
var c = a + b;

在此场景中，JavaScript 引擎会先将变量 a 转换为字符串 "11"，然后与变量 b 进行字符串连接操作，最终结果为 "1122"。有人可能会疑惑，为何不将 b 转换为数字 22 进行算术加法运算，从而得到 c 为 33？这并非随意决定，而是当运算符“+”两侧的操作数分别为数字类型和字符串类型时，JavaScript 引擎明确规定执行字符串连接运算，而非算术加法。利用这一特性，可以便捷地将 Number 类型转换为 String 类型。例如：

var a = 11;
alert(typeof a); //-->number
a = a + '';
alert(typeof a); //-->string

“-”运算符既可以作为一元运算符（用于取负值），也可以作为二元运算符（用于减法运算）。例如：

var a = 11, b = '5';
var c = a - b;
alert(typeof c); //--> number

与上述“+”运算符的行为相反，此处引擎会将字符串 b 隐式转换为数字 5，随后执行算术减法运算。利用这一特性，可以方便地将 String 类型转换为 Number 类型。示例代码如下：

var a = '11';
a = a - '';
alert(typeof a);// -->number

条件语句中的隐式转换

1. if 语句

var obj = {name:'jack'}
if(obj){
//do more
} 

在此处，对象 obj 会被隐式转换为 Boolean 类型。

2. while 语句

var obj = {name:'jack'}
while(obj){
//do more
} 

其行为与 if 语句相同。

对象与数组遍历时的类型转换

3. for-in 循环时的类型转换 在定义对象字面量时，会发生从标识符到字符串的隐式转换。

var person = {'name':'jack',"age":20,school:'PKU'};
for(var a in person){
alert(a + ": " + typeof a);
} 

在代码中，name 和 age 属性分别使用了单引号和双引号以强调其为 String 类型，而 school 属性未加引号。当我们遍历该对象的属性并查看其类型时，会发现即使 school 没有显式加引号，它也被隐式转换成了 String 类型。

数组的索引实际上也是字符串类型。这看似令人惊讶，但事实确如此。例如：

var ary = [1,3,5,7];
for(var a in ary){
alert(a + ": " + typeof a);
} 

String.prototype.fn = function(){return this};
var a = 'hello';
alert(typeof a.fn()); //-->object
alert(a.fn()); //-->hello

我们在 String 原型上添加了一个名为 fn 的方法，该方法返回 this。我们知道 this 可以理解为当前类的实例对象，既然是一个对象，那么 typeof a.fn() 自然返回 object。

关键在于最后的 alert(a.fn())，虽然 a.fn() 返回的是对象，但它被隐式转换成了字符串 "hello" 并显示出来。

数字类型上也存在同样的情况，例如：

Number.prototype.fn = function(){return this};
var a = 10;
alert(typeof a.fn());//-->object
alert(a.fn()); //-->10

a.fn() 返回的是对象类型，但在执行 alert(a.fn()) 时，它会被隐式转换为数字。