在JavaScript并非所有的一切都是對象
雖然很多語言宣稱:“一切皆是對象”,但是 javascript 中,并不是所有的值都是對象。
原始值 vs 對象
javascript 中的值可以被劃分為兩大類:原始值(primitive)和對象(object)。
定義
javascript 的兩種值的定義:
下面的值是原始值。
1.字符串
2.數(shù)字:在 JavaScript 中所有的數(shù)字都是浮點(diǎn)數(shù)
3.布爾值
4.null
5.undefined
所有其它的值都是對象(object)。對象可以進(jìn)一步劃分:
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.每個對象都有自己唯一的標(biāo)識符,因此通過字面量或構(gòu)造函數(shù)創(chuàng)建的對象和任何其他對象都不相等,我們可以通過 === 進(jìn)行比較。
> {} === {}
false
對象是通過引用來比較的,只有兩個對象有相同的標(biāo)識,才認(rèn)為這個對象是相等的。
> 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)部標(biāo)識,原始值是按值比較的: 比較兩個原始值的依據(jù)是他們的內(nèi)容,如果兩個原始值的內(nèi)容相同,這認(rèn)為這兩個原始值相同。
> "abc" === "abc"
true
這意味著,一個原始值的標(biāo)識就是它的值,javascript 引擎沒有為原始值分配唯一標(biāo)識。
最后兩個事實(shí)結(jié)合起來的意思是:我們無法區(qū)分一個變量到底是對象的引用,還是原始值的副本。
陷阱:原始值和它們的包裝類型
規(guī)則:忽略盡可能多的包裝類型。 在其他編程語言如Java,你很少會注意到他們。
原始值類型 boolean, number 以及 string 都有自己對應(yīng)的包裝類型 Boolean, Number 和 String。 包裝類型的實(shí)例都是對象值,兩種類型之間的轉(zhuǎn)換也很簡單:
•轉(zhuǎn)換為包裝類型:new String("abc")
•轉(zhuǎn)換為原始類型:new String("abc").valueOf()
原始值類型以及它們相應(yīng)的包裝器類型有很多不同點(diǎn),例如:
> typeof "abc"
'string'
> typeof new String("abc")
'object'
> "abc" instanceof String
false
> new String("abc") instanceof String
true
> "abc" === new String("abc")
false
包裝類型的實(shí)例是一個對象,因此和 JavaScript 和對象一樣,包裝類型也無法進(jìn)行值的比較(只能比較引用)。
> 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,但是當(dāng)我們寫如下代碼時卻發(fā)生錯誤:
> 5.toFixed(3)
SyntaxError: Unexpected token ILLEGAL
此錯誤是解析錯誤(SyntaxError),5 后面跟著一個點(diǎn)號(.),這個點(diǎn)被當(dāng)作了小數(shù)點(diǎn),而小數(shù)點(diǎn)后面應(yīng)該是一個數(shù),以下代碼可以正常運(yùn)行:
> (5).toFixed(3)
"5.000"
> 5..toFixed(3)
"5.000"
值的分類:typeof 和 instanceof
如果你想要對值進(jìn)行分類,你需要注意原始值和對象之間的區(qū)別。 typeof 運(yùn)算可以用來區(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 永遠(yuǎn)不可能被修復(fù)了,因?yàn)樘嘁延械拇a已經(jīng)依賴了這樣的表現(xiàn)。這并不意味著,null 實(shí)際上就是一個對象[4] 。
•typeof 還可以讓檢查一個變量是否已聲明,而不會拋出異常。 沒有任何一個函數(shù)可以實(shí)現(xiàn)此功能,因?yàn)槟悴荒馨岩粋€未聲明的變量傳遞給函數(shù)的參數(shù)。
> typeof undeclaredVariable
'undefined'
> undeclaredVariable
ReferenceError: undeclaredVariable is not defined
•函數(shù)也是對象類型;這可能是很多人無法理解的,但有時候卻是非常有用的。
•數(shù)組是一個對象。
更多關(guān)于 typeof 的信息 [5] 和 [6]。
instanceof
instanceof 可以檢測一個值是否是某個構(gòu)造函數(shù)的實(shí)例:
value instanceof Constructor
如果上面的表達(dá)式返回 true,則表示 value 是 Constructor 的一個實(shí)例。它等價于:
Constructor.prototype.isPrototypeOf(value)
大多數(shù)對象是 Object 的實(shí)例,因?yàn)樵玩湹哪┒耍╬rototype chain)是 Object.prototype。 原始值不是任何對象的實(shí)例:
> "abc" instanceof Object
false
> "abc" instanceof String
false
相關(guān)文章
javascript中的3種繼承實(shí)現(xiàn)方法
這篇文章主要介紹了javascript中的3種繼承實(shí)現(xiàn)方法,包括使用Object.create實(shí)現(xiàn)類式繼承、使用utilities工具包自帶的util.inherites、使用extends關(guān)鍵字,非常的實(shí)用,希望對大家了解javascript繼承能夠有所幫助2016-01-01Javascript 按位與運(yùn)算符 (&)使用介紹
Javascript 按位與運(yùn)算符 (&),用于對兩個 32 位表達(dá)式執(zhí)行按位“與”運(yùn)算,而一般表達(dá)式里面都是十進(jìn)制整數(shù),此時需要先轉(zhuǎn)換成對應(yīng)的二進(jìn)制,然后向前加0,補(bǔ)足32位2014-02-02javascript學(xué)習(xí)筆記(二)數(shù)組和對象部分
本文是學(xué)習(xí)筆記系列的第二篇,深入淺出的分別從javascript對象和數(shù)組兩個部分介紹了相關(guān)知識,并附上詳細(xì)示例,非常的實(shí)用,有需要的朋友可以參考下2014-09-09window.parent與window.openner區(qū)別介紹
今天總結(jié)一下js中幾個對象的區(qū)別和用法,對這幾個概念混淆的朋友可以看看2012-04-04