JavaScript包裝對象使用詳解
JavaScript對象是一種復合值:它是屬性和已命名值的集合。通過"."符號來引用屬性值。當屬性值是一個函數(shù)時,稱為方法。
①一段你常用但卻未必明白其真正底層原理的代碼:
var s = "hello world!"; var word = s.substring(s.indexOf(" ")+1,s.length);
如前面所說,這里變量s只是一個字符串原始類型,它怎么會有屬性(s.length)和方法(s.indexOf()、s.substring())呢?沒錯,這正跟我們正要介紹的包裝對象有關。原因是:只要引用了字符串s的屬性,JavaScript就會將字符串值通過調用new String(s)的方式轉換成對象,這個對象繼承了字符串(String)對象的方法,并被用來處理屬性的引用。一旦屬性引用結束,這個新創(chuàng)建的對象就會被銷毀。
同字符串一樣,數(shù)字和布爾值也有各自的方法:通過Number()和Boolean()構造函數(shù)創(chuàng)建一個臨時對象。存取字符串、數(shù)字或布爾值的屬性時創(chuàng)建的臨時對象就是包裝對象。5種原始類型中的剩余兩種null和undefined沒有包裝對象:訪問它們的屬性會造成一個類型錯誤(Uncaught TypeError)。明白了上面的代碼,那么再看如下代碼:
var s = "test"; s.len = 4;//給它設置一個屬性 var t = s.len;
不認真的同學這里就會認為最后t就是等于4了。難道最后t不等于4嗎?是的,最后t的值是undefined。想知道為什么請看繼續(xù)看解析:原來以這里第二行代碼只是創(chuàng)建了一個臨時字符串對象,并給len屬性賦值為4,隨即銷毀這個對象。而第三行又是通過原始字符串s創(chuàng)建一個新字符串對象(這個不是第二行代碼創(chuàng)建的對象,第二行代碼創(chuàng)建的對象已經(jīng)被銷毀了)并嘗試讀取其len屬相,這個屬性自然不存在,因此表達式的結果為undefined。這段代碼說明了在讀取字符串、數(shù)字和布爾值的屬性值或方法(實際上是它們對應包裝對象的屬性值或方法)表現(xiàn)的像對象一樣。但如果你試圖給屬性賦值,則會忽略這個操作:修改只是發(fā)生在臨時對象身上,而這個臨時對象并不會繼續(xù)保留下來。
注意:可通過String(),Number(),Boolean()構造函數(shù)來顯示創(chuàng)建包裝對象:
var s = "test",n=1,b=true;//一個字符串、數(shù)字和布爾值 var S = new String(s);//一個字符串對象 var N = new Number(n);//一個數(shù)值對象 var B = new Boolean(b);//一個布爾對象
JavaScript會在必要時將包裝對象轉換成原始值,因此上段代碼中的對象S、N和B常常但不總是表現(xiàn)的和值s、n和b一樣。"=="等于運算符將原始值和其包裝對象視為相等,但“===”全等運算將它們視為不等。通過typeof運算符也可以看到原始值和其包裝對象的不同:
?、賢ypeof(s); ->"string" typeof(S); ->"object" ?、趖ypeof(n); ->"string" typeof(N); ->"object" ③typeof(b); ->"string" typeof(B); ->"object"
以上所述就是本文的全部內容了,希望大家能夠喜歡。
相關文章
深入淺析JavaScript中對事件的三種監(jiān)聽方式
最近這段時間因為每天要修改網(wǎng)站,為網(wǎng)站做特效,所以看了很多的js接觸事件,自己只會使用一小部分,有時用的時候也比較混亂,現(xiàn)在系統(tǒng)的整理了一下,本篇文章跟大家分享的是JavaScript中對事件的三種監(jiān)聽方式2015-09-09Javascript技術難點之a(chǎn)pply,call與this之間的銜接
這篇文章主要介紹了Javascript技術難點之a(chǎn)pply,call與this之間的銜接的相關資料,需要的朋友可以參考下2015-12-12