JavaScript的隐式类型转换浅析

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'    //-10
10 - 'one'   //NaN
10 - '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;       //false
undefined == false;  //false

引用类型的调换

着力项目间的相比绝对轻易。援引类型和主导项目标可比就相对复杂一些,先要把引用类型转成基本类型,再按上述的点子比较。援用类型转布尔全都以true。举例空数组,只假若目的正是援用类型,所以[]为true。援引类型转数字照旧字符串将要用valueOf(卡塔尔(قطر‎或许toString(卡塔尔国;对象自己就三番三遍了valuOf(卡塔尔(قطر‎和toString(卡塔尔,还足以自定义valueOf(卡塔尔国和toString(卡塔尔国。依照不相同的靶子用持续的valueOf(卡塔尔(قطر‎转成字符串,数字或自个儿,而目的用toString就必定会将转为字符串。平日对象暗许调用valueOf(State of Qatar。

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(State of Qatar,在这里在此以前先调用的是toString(State of Qatar;所以作者猜valueOf方法是那样的。So上边的例子
0 == []要改成下边更客观。无论如何,[]提及底是转成0的。

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

自定义的valueOf(State of Qatar和toString(卡塔尔国;

1.自定义的valueOf(State of Qatar和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()
//去掉valueOf
delete a.valueOf;
a + 1;        // '11', 调用toString()

若是回去其它会怎么啊?

var a = [1];

a.valueOf = function (){return ;}
a.toString = function (){return 1 ;};

1 - a;        //NaN

别的对象 调用valueOf(State of Qatar转成分裂的门类:

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

显式调换

显式调换比较轻便,能够平昔用类当作方法直接调换。

Number([]);        //0
String([]);        //''
Boolean([]);       //true

再有更简明的转变方法。

3 + ''    // 字符串'3'
+'3'      // 数字3
!!'3'     // true

发表评论

电子邮件地址不会被公开。 必填项已用*标注