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"

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