首頁 > web前端 > js教程 > JavaScript包裝物件使用詳解_javascript技巧

JavaScript包裝物件使用詳解_javascript技巧

WBOY
發布: 2016-05-16 15:50:53
原創
1137 人瀏覽過

  JavaScript物件是一種複合值:它是屬性和已命名值的集合。透過"."符號來引用屬性值。當屬性值是函數時,稱為方法。

①一段你常用但卻未必明白其真正底層原理的程式碼:

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)物件的方法,並用來處理屬性的引用。一旦屬性引用結束,這個新建立的物件就會被銷毀。

  同字串一樣,數字和布林值也有各自的方法:透過Number()和Boolean()建構子建立一個臨時物件。存取字串、數字或布林值的屬性時所建立的臨時物件就是包裝物件。 5種原始類型中的剩餘兩種null和undefined沒有包裝物件:存取它們的屬性會造成一個類型錯誤(Uncaught TypeError)。明白了上面的程式碼,那就再看如下碼:

var s = "test";
s.len = 4;//给它设置一个属性
var t = s.len;

登入後複製

  不認真的同學這裡就會認為最後t就是等於4了。難道最後t不等於4嗎?是的,最後t的值是undefined。想知道為什麼請看繼續看解析:原來以這裡第二行程式碼只是創建了一個臨時字串對象,並給len屬性賦值為4,隨即銷毀這個對象。而第三行又是透過原始字串s建立一個新字串物件(這個不是第二行程式碼所建立的對象,第二行程式碼所建立的物件已經被銷毀了)並嘗試讀取其len屬相,這個屬性自然不存在,因此表達式的結果為undefined。這段程式碼說明了在讀取字串、數字和布林值的屬性值或方法(實際上是它們對應包裝物件的屬性值或方法)表現的像物件一樣。但如果你試圖將屬性賦值,則會忽略這個操作:修改只是發生在臨時物件身上,而這個臨時物件並不會繼續保留下來。

  注意:可透過String(),Number(),Boolean()建構子來顯示建立包裝物件:

var s = "test",n=1,b=true;//一个字符串、数字和布尔值
var S = new String(s);//一个字符串对象
var N = new Number(n);//一个数值对象
var B = new Boolean(b);//一个布尔对象
登入後複製

  JavaScript會在必要時將包裝物件轉換成原始值,因此上段程式碼中的物件S、N和B常常但不總是表現的和值s、n和b一樣。 "=="等於運算子將原始值和其包裝物件視為相等,但「===」全等運算將它們視為不等。透過typeof運算子也可以看到原始值和其包裝物件的不同:

    ①typeof(s);  ->"string"
     typeof(S);  ->"object"
    ②typeof(n);  ->"string"
     typeof(N);  ->"object"
    ③typeof(b);  ->"string"
     typeof(B);  ->"object"
登入後複製

以上所述就是本文的全部內容了,希望大家能夠喜歡。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板