[1]定義 [2]生存期 [3]顯式創建 [4]轉型函數 [5]比較運算 ...
×
目錄
[1]定義 [2]生存期 [3]顯式創建[4]轉型函數[5]比較運算前面的話
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
參考資料
【1】《javascript高級程式設計(第3版)》第3章 基本概念 第5章 引用類型
【2】《javascript權威指南(第6版)》第3章 類型、值和變數