DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript包裝對象使用詳解
JavaScript包裝對象使用詳解
編輯:關於JavaScript     

  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"

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved