JavaScript的隐式类型转换浅析

参考博文：http://www.codeceo.com/article/javascript-type-convert.html
http://www.jianshu.com/p/0f1e3ff14537

JavaScript的数据类型分为六种，分别为null,undefined,boolean,string,number,object。object是引用类型，其它的五种是基本类型或者是原始类型。我们可以用typeof方法打印来某个是属于哪个类型的。不同类型的变量比较要先转类型，叫做类型转换，类型转换也叫隐式转换。隐式转换通常发生在运算符加减乘除，等于，还有小于，大于等。。

typeof '11'  //string       typeof(11) 　//number'11' < 4     //false

基本类型的转换

下面先讲加减乘除：

1.字符串加数字,数字就会转成字符串。

2.数字减字符串，字符串转成数字。如果字符串不是纯数字就会转成NaN。字符串减数字也一样。两个字符串相减也先转成数字。

3.乘，除，大于，小于跟减的转换也是一样。

//隐式转换 + - * == / // + 10 + '20'    //2010// -10 - '20'    //-1010 - 'one'   //NaN10 - '100a'  //NaN// *10*'20'      //200'10'*'20'    //200// /20/'10'      //2'20'/'10'    //2'20'/'one'　 //NaN

再来看看一组 == 的。

1.undefined等于null

2.字符串和数字比较时，字符串转数字

3.数字为布尔比较时，布尔转数字

4.字符串和布尔比较时，两者转数字

// ==undefined == null;    //true'0' == 0;        　　  //true,字符串转数字0 == false;           //true,布尔转数字'0' == false;    　　　//true,两者转数字null == false;     　 //falseundefined == false; 　//false

引用类型的转换

基本类型间的比较相对简单。引用类型和基本类型的比较就相对复杂一些，先要把引用类型转成基本类型，再按上述的方法比较。引用类型转布尔全是true。比如空数组，只要是对象就是引用类型，所以[]为true。引用类型转数字或者字符串就要用valueOf()或者toString();对象本身就继承了valuOf()和toString(),还可以自定义valueOf()和toString()。根据不同的对象用继承的valueOf()转成字符串,数字或本身，而对象用toString就一定转为字符串。一般对象默认调用valueOf()。

1.对象转数字时，调用valueOf();

2.对象转字符串时，调用toString();

先看看下面的例子：

0 == [];        // true, 0 == [].valueOf(); -> 0 == 0;'0' == [];      // false, '0' == [].toString(); -> '0' == '';2 == ['2'];     // true, 2 == ['2'].valueOf(); -> 2 == '2' -> 2 == 2;'2' == [2];     // true, '2' == [2].toString(); -> '2' =='2';[] == ![];      //true, [].valueOf() == !Boolean([]) -> 0 == false -> 0 == 0;

对象转成数字时，调用valueOf()，在这之前先调用的是toString();所以我猜valueOf方法是这样的。So上面的例子 0 == []要改成下面更合理。无论如何，[]最后是转成0的。

var valueOf = function (){    var str = this.toString();    //先调用toString(),转成字符串    //...}0 == [];        // true, 0 == [].valueOf(); -> 0 == '0' -> 0 == 0;

自定义的valueOf()和toString();

1.自定义的valueOf()和toString()都存在，会默认调用valueOf();

2.如果只有toString(),则调用toString();

var a = [1];a.valueOf = function (){ return 1;}a.toString = function (){ return '1';}a + 1;         // 2, valueOf()先调用

去掉valueOf()就会调用toString()。

var a = [1];a.valueOf = function (){ return 1;}a.toString = function (){ return '1';}a + 1;         // 2, 先调用valueOf()//去掉valueOfdelete a.valueOf;a + 1;        // '11', 调用toString()

如果返回其它会怎么样呢？

var a = [1];a.valueOf = function (){return ;}a.toString = function (){return 1 ;};1 - a;        //NaN

其它对象 调用valueOf()转成不同的类型：

var a = {};a.valueOf();    //Object {}var a = [];a.valueOf();    //[]    自己本身var a = new Date();a.valueOf();    //1423812036234  数字var a = new RegExp();a.valueOf();    //    /(?:)/  正则对象

引用类型之间的比较是内存地址的比较，不需要进行隐式转换，这里不多说。

[] == []  //false 地址不一样var a = [];b = a;b == a   //true

语句中存在的隐式类型转换

1，if

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

这里会把obj隐式的转换成Boolean类型(可以参考上一篇 js if语句只写一个参数是什么意思)

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);    }

alert时存在的隐式类型转换

  String.prototype.fn =function(){returnthis};    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())时会隐式的将其转换成数字。