JavaScript的隱式類型轉換淺析

jopen 9年前發布 | 16K 次閱讀 JavaScript開發 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()。

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;</pre></div>


對象轉成數字時，調用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()先調用</pre></div>


去掉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()</pre></div>


如果返回其它會怎么樣呢？ 


var a = [1];


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


1 - a;        //NaN</pre></div>


其它對象 調用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</pre></div>


顯式轉換 


顯式轉換比較簡單，可以直接用類當作方法直接轉換。 


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


還有更簡單的轉換方法。 


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

來源：Songyc的博客

                    

                    

                        
 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。

                        
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。

                        
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

                        
                        
                    


                

                

                    

                        
相關經驗

                        
                    

                    

                        
相關資訊

                        
                    

                    

                        
相關文檔