淺析JavaScript中的隱式類型轉換
如果把通過函數(shù)或方法調用,明確的將某種類型轉換成另一種類型稱為顯示轉換 ,相反則稱為隱式類型轉換 。google和維基百科中沒有找到“顯示類型轉換”,“隱式類型轉換”的字眼。暫且這么稱呼。
一、 運算中存在的隱式類型轉換
1, “+”運算符
var a = 11, b = '22';
var c = a + b;
這里引擎將會先把a變成字符串"11"再與b進行連接,變成了"1122"。有人會有疑問,為什么不把b變成數(shù)字22再進行算術加運算呢,這樣的話c就是33了。沒有為什么,當運算符“+”兩邊一個是數(shù)字類型,一個是字符串類型時,js引擎規(guī)定進行字符串連接運算而非算術加運算。利用運算符“+”這個特性,可以很方便的將Number轉換成String。如
var a = 11;
alert(typeof a); //-->number
a = a + '';
alert(typeof a); //-->string
2,“-”運算符
“-”可以是一元運算符(取負),也可以是二元(減法運算)的。如
var a = 11, b = '5';
var c = a - b;
alert(typeof c); //--> number
這里與上面的“+”相反,會把字符串b隱式的轉換成數(shù)字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時的類型轉換
定義對象字面量時發(fā)生從標識符到字符串的隱式轉換。
var person = {'name':'jack',"age":20,school:'PKU'};
for(var a in person){
alert(a + ": " + typeof a);
}
這里name,age分別加單/雙引號以強調其為String類型,school沒有加單/雙引號。我們遍歷下該對象的屬性,查看其類型。發(fā)現(xiàn)school也被隱式的轉換成了String類型。
數(shù)組的索引其實也是字符串類型。這著實令人驚嘆,但事實的確如此。如
var ary = [1,3,5,7];
for(var a in ary){
alert(a + ": " + typeof a);
}
三、 alert時存在的隱式類型轉換
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”顯示。
同樣的情況發(fā)生在數(shù)字類型上,如
Number.prototype.fn = function(){return this};
var a = 10;
alert(typeof a.fn());//-->object
alert(a.fn()); //-->10
a.fn()返回的是對象類型,但在alert(a.fn())時會隱式的將其轉換成數(shù)字。
相關文章
發(fā)布一個基于javascript的動畫類 Fx.js
支持大部分CSS3屬性的動畫(可能要指定詳細的屬性值)。2010-11-11firefox下對ajax的onreadystatechange的支持情況分析
firefox下對ajax的onreadystatechange的支持分析。用的到的朋友可以參考下。2009-12-12javascript對數(shù)組的常用操作代碼 數(shù)組方法總匯
js下數(shù)組也是比較常用的,對數(shù)組元素的處理也是有非常多的方法,這里整理了下,需要的朋友可以參考下。2011-01-01