javascript類型系統——封裝對象

標籤：javascript   字串   hello   world   封裝   

javascript對象是一種複合值，它是屬性或已命名值的集合。通過‘.‘符號來引用屬性值。當屬性值是一個函數時，稱其為方法。通過o.m()來調用對象o中的方法。我們發現，字串也同樣具有屬性和方法

    var s = ‘hello world‘;    console.log(s.length);//11

　　字串既然不是對象，為什麼它會有屬性呢？這就引出了今天介紹的內容——封裝對象

 

定義

　　在javascript中，“一切皆對象”，就連三種原始類型的值(數值、字串、布爾值)，在一定條件下，也會自動轉為對象，也就是原始類型的“封裝對象”

　　封裝對象是特殊的參考型別。每當讀取字串、數字或布爾值的屬性或方法時，建立的臨時對象稱做封裝對象

　　為了便於引用字串的屬性和方法，javascript將字串值通過調用new String()的方式轉換成對象，這個對象繼承了字串的屬性和方法，並被用來處理屬性和方法的引用。一旦屬性或方法引用結束，這個新建立的對象就會銷毀。數字或布爾值也類似

　　[注意]實際上並不一定建立或銷毀這個臨時對象，然而整個過程看起來是這樣的

650) this.width=650;" src="/img/fz.gif" alt="複製代碼" style="margin:0px;float:left;border:none;" />

var s1 = ‘some text‘;var s2 = s1.substring(2);//上述過程看起來發生了三個步驟var s1 = new String(‘some text‘); //(1)建立String類型的一個執行個體  var s2 = s1.substring(2); //(2)在執行個體上調用指定的方法s1 = null; //(3)銷毀這個執行個體

650) this.width=650;" src="/img/fz.gif" alt="複製代碼" style="margin:0px;float:left;border:none;" />

 

生存期

　　參考型別和基本封裝類型的主要區別是對象的生存期。使用new操作符建立的參考型別的執行個體，在執行流離開當前範圍之前都一直儲存在記憶體中。而自動建立的基本封裝類型的對象，則只存在於一行代碼的執行瞬間，然後立即被銷毀。這意味著不能在運行時為基本類型值添加屬性和方法

var s1 = ‘some text‘;s1.color = ‘red‘;alert(s1.color);//undefined

var s2 = new Boolean(‘some text‘);s2.color = ‘red‘;alert(s2.color);//‘red‘

 

顯式建立

　　可以通過new操作符顯式建立封裝對象，但應該在絕對必要的情況下再這樣做。因為這種做法，很容易讓人分不清是在處理基本類型還是參考型別的值

　　有兩種方式顯式建立封裝類型的方式:

　　【1】Object方式

var s = new Object(‘abc‘);var b = new Object(true);var n = new Object(123);

　　【2】建構函式方式

var s = new String(‘abc‘);var b = new Boolean(true);var n = new Number(123);

 

轉型函數

　　直接調用轉型函數與使用new調用基本封裝類型的建構函式是不一樣的，使用轉型函數返回的是基本類型值

var s = ‘abc‘;var s1 = String(s);var s2 = new String(s);var s3 = new Object(s);console.log(typeof s,typeof s1,typeof s2,typeof s3);//string string object object

 

比較運算

　　【1】等於運算子‘==‘將原始值和其封裝對象視為相等，因為其中一個運算元是對象，需要調用對象的valueOf()方法，Number對象、Boolean對象和String對象的valueOf()方法都返回其對應的原始值

650) this.width=650;" src="/img/fz.gif" alt="複製代碼" style="margin:0px;float:left;border:none;" />

var s1 = new String(‘abc‘);var s2 = ‘abc‘;var n1 = new Number(123);var n2 = 123;var b1 = new Boolean(true);var b2 = true;console.log(s1 == s2, n1 == n2, b1 == b2);//true true true

650) this.width=650;" src="/img/fz.gif" alt="複製代碼" style="margin:0px;float:left;border:none;" />

　　【2】全等運算子‘===‘將原始值和其封裝對象視為不相等。因為全等運算子要比較類型和值，原始值和其封裝對象的類型不同

650) this.width=650;" src="/img/fz.gif" alt="複製代碼" style="margin:0px;float:left;border:none;" />

var s1 = new String(‘abc‘);var s2 = ‘abc‘;var n1 = new Number(123);var n2 = 123;var b1 = new Boolean(true);var b2 = true;console.log(s1 === s2, n1 === n2, b1 === b2);//false false false

650) this.width=650;" src="/img/fz.gif" alt="複製代碼" style="margin:0px;float:left;border:none;" />

 

javascript類型系統——封裝對象