在JavaScript并非所有的一切都是對象
雖然很多語言宣稱:“一切皆是對象”,但是 javascript 中,并不是所有的值都是對象。
原始值 vs 對象
javascript 中的值可以被劃分為兩大類:原始值(primitive)和對象(object)。
定義
javascript 的兩種值的定義:
下面的值是原始值。
1.字符串
2.數(shù)字:在 JavaScript 中所有的數(shù)字都是浮點數(shù)
3.布爾值
4.null
5.undefined
所有其它的值都是對象(object)。對象可以進一步劃分:
1.原始值的包裝器:Boolean, Number, String。很少直接使用。
2.用字面量創(chuàng)建的對象。 下面的字面量產(chǎn)生對象,也可以通過構(gòu)造函數(shù)創(chuàng)建對象。您可以使用字面量創(chuàng)建對象。
•[] 就是 new Array()
•{} 就是 new Object()
•function() {} 就是 new Function()
•/\s*/ 就是 new RegExp("\\s*")
3.日期:new Date("2011-12-24")
區(qū)別
您可以通過枚舉的原語和定義對象非原語定義原語和對象。 但你也可以描述的原語和對象是什么。 讓我們開始與對象。
1.對象是可變的:
> var obj = {};
> obj.foo = 123; // 添加屬性和值
123
> obj.foo // 讀屬性,返回屬性的值
123
2.每個對象都有自己唯一的標識符,因此通過字面量或構(gòu)造函數(shù)創(chuàng)建的對象和任何其他對象都不相等,我們可以通過 === 進行比較。
> {} === {}
false
對象是通過引用來比較的,只有兩個對象有相同的標識,才認為這個對象是相等的。
> var obj = {};
> obj === obj
true
3.變量保存了對象的引用,因此,如果兩個變量應(yīng)用了相同的對象——我們改變其中一個變量時,兩一個也會隨之改變。
> var var1 = {};
> var var2 = var1;
> var1.foo = 123; // 修改變量 val1 的屬性
123
> var2.foo // val2 也改變了
123
正如預(yù)期的那樣,原始值和對象不一樣:
1.原始值是不可變的;你不能給它們添加屬性:
> var str = "abc";
> str.foo = 123; // 添加屬性(此操作將被忽略)
123
> str.foo // 讀屬性的值,返回 undefined
undefined
2.原始值沒有內(nèi)部標識,原始值是按值比較的: 比較兩個原始值的依據(jù)是他們的內(nèi)容,如果兩個原始值的內(nèi)容相同,這認為這兩個原始值相同。
> "abc" === "abc"
true
這意味著,一個原始值的標識就是它的值,javascript 引擎沒有為原始值分配唯一標識。
最后兩個事實結(jié)合起來的意思是:我們無法區(qū)分一個變量到底是對象的引用,還是原始值的副本。
陷阱:原始值和它們的包裝類型
規(guī)則:忽略盡可能多的包裝類型。 在其他編程語言如Java,你很少會注意到他們。
原始值類型 boolean, number 以及 string 都有自己對應(yīng)的包裝類型 Boolean, Number 和 String。 包裝類型的實例都是對象值,兩種類型之間的轉(zhuǎn)換也很簡單:
•轉(zhuǎn)換為包裝類型:new String("abc")
•轉(zhuǎn)換為原始類型:new String("abc").valueOf()
原始值類型以及它們相應(yīng)的包裝器類型有很多不同點,例如:
> typeof "abc"
'string'
> typeof new String("abc")
'object'
> "abc" instanceof String
false
> new String("abc") instanceof String
true
> "abc" === new String("abc")
false
包裝類型的實例是一個對象,因此和 JavaScript 和對象一樣,包裝類型也無法進行值的比較(只能比較引用)。
> var a = new String("abc");
> var b = new String("abc");
> a == b
false // 雖然 a 和 b 有相同的內(nèi)容,但是依然返回 false
> a == a
true
原始值沒有自己的方法
包裝對象類型很少被直接使用,但它們的原型對象定義了許多其對應(yīng)的原始值也可以調(diào)用的方法。 例如,String.prototype 是包裝類型 String 的原型對象。 它的所有方法都可以使用在字符串原始值上。 包裝類型的方法 String.prototype.indexOf 在 字符串原始值上也有,它們并不是兩個擁有相同名稱的方法,而的的確確就是同一個方法:
> "abc".charAt === String.prototype.charAt
true
在數(shù)字的包裝類型 Number 的原型對象有 toFixed 方法,即 Number.prototype.toFixed,但是當我們寫如下代碼時卻發(fā)生錯誤:
> 5.toFixed(3)
SyntaxError: Unexpected token ILLEGAL
此錯誤是解析錯誤(SyntaxError),5 后面跟著一個點號(.),這個點被當作了小數(shù)點,而小數(shù)點后面應(yīng)該是一個數(shù),以下代碼可以正常運行:
> (5).toFixed(3)
"5.000"
> 5..toFixed(3)
"5.000"
值的分類:typeof 和 instanceof
如果你想要對值進行分類,你需要注意原始值和對象之間的區(qū)別。 typeof 運算可以用來區(qū)分原始值和對象。instanceof 可以用來區(qū)分對象,而且,instanceof 對于所有的原始值都返回 false。
typeof
typeof 可以用來判斷原始值的類型,以及區(qū)分對象值和原始值:
> typeof "abc"
'string'
> typeof 123
'number'
> typeof {}
'object'
> typeof []
'object'
typeof 返回以下字符串:
參數(shù) | 結(jié)果 |
---|---|
undefined | "undefined" |
null | "object" |
布爾值 | "boolean" |
數(shù)字 | "number" |
字符串 | "string" |
函數(shù) | "function" |
其他 | "object" |
注釋:
•typeof 在操作 null 時會返回 "object",這是 JavaScript 語言本身的 bug。不幸的是,這個 bug 永遠不可能被修復(fù)了,因為太多已有的代碼已經(jīng)依賴了這樣的表現(xiàn)。這并不意味著,null 實際上就是一個對象[4] 。
•typeof 還可以讓檢查一個變量是否已聲明,而不會拋出異常。 沒有任何一個函數(shù)可以實現(xiàn)此功能,因為你不能把一個未聲明的變量傳遞給函數(shù)的參數(shù)。
> typeof undeclaredVariable
'undefined'
> undeclaredVariable
ReferenceError: undeclaredVariable is not defined
•函數(shù)也是對象類型;這可能是很多人無法理解的,但有時候卻是非常有用的。
•數(shù)組是一個對象。
更多關(guān)于 typeof 的信息 [5] 和 [6]。
instanceof
instanceof 可以檢測一個值是否是某個構(gòu)造函數(shù)的實例:
value instanceof Constructor
如果上面的表達式返回 true,則表示 value 是 Constructor 的一個實例。它等價于:
Constructor.prototype.isPrototypeOf(value)
大多數(shù)對象是 Object 的實例,因為原型鏈的末端(prototype chain)是 Object.prototype。 原始值不是任何對象的實例:
> "abc" instanceof Object
false
> "abc" instanceof String
false
相關(guān)文章
window.parent與window.openner區(qū)別介紹
今天總結(jié)一下js中幾個對象的區(qū)別和用法,對這幾個概念混淆的朋友可以看看2012-04-04