javascript類型系統——包裝對象 - xiaohuochai－IT工程師數位筆記本

文章出處

前面的話

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

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

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

定義

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

　　包裝對象是特殊的引用類型。每當讀取字符串、數字或布爾值的屬性或方法時，創建的臨時對象稱做包裝對象

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

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

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)銷毀這個實例

生存期

　　引用類型和基本包裝類型的主要區別是對象的生存期。使用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()方法都返回其對應的原始值

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

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

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