前天有網友留言問我,Object是什麼?由於這兩天忙著重構那個TreeView控制去了,沒有及時的回答,真是不好意思。今天抽空來看看JavaScript中的Object到底是什麼東西呢? Object和函數Function到底是什麼關係呢?說的不對的地方歡迎斧正。
雖然是私人留言,不過匿名轉過來希望不會怪我,如有不妥請告知。
js的Object到底是什麼?
剛開始我認為Object是js的所有物件的原型。
但是:alert(Object.constructor)顯示function Function...
這說明Object的原型是Function?
但是問題又來了:
Function.prototype.read=function(){};//擴充Function的原型
for(var i in Object)alert(i)//顯示read,進一步證實了Object的原型是Function
Object.prototype.read=function(){};//擴充Object的原型
for(var i in Function)alert(i)//顯示read,Function的原型是Object? ? ? ?
Object到底是什麼?做為類別的Object與Function是一回事?
這位朋友把Constructor、Prototype和Function搞混淆了,由於JavaScript是Object-based的語言(JavaScript does not contain proper classes)。說Object是所有物件的原形(prototype),其實是可以的,不過這裡是指設計模式中的Prototype Pattern中的原形概念,而不是Object.prototype這個JavaScript的原形語言特性。
那麼JavaScript中的Object到底是什麼東東呢? Script56.chm(就是M$官方教學)上說:提供所有JScript物件通用的功能。恩,明白嗎?因該是明白了,但友好像還是不明白@_@。如果我們從資料結構上來說,一個object(Object的實例)就是一個無序的集合,類似C++中的map、C#中的hashtable、Java中的hashmap這樣一個結構。並且包含了一個JavaScript語言系統賦予的原始值,是什麼意思呢? Object有個方法叫做valueOf,它的功能是傳回指定物件的原始值。這個也是可以在Script56中查到的,而且還有一個表格列舉了系統物件的valueOf回傳結果。也就是說,Array、Boolean、Date、Function、Number等等對象,其實都是從Object來的,它們的祖先都是Object。它們表現出不同的語言特性,例如Array有被自動管理的length屬性,Boolean只有true或false取值,Date表示時間結構,Function可以被運行,都是它們的原始型別(valueOf)賦予它們的能力。 Object實際上只是一個概念,JavaScript這個語言基於對象,是說所有內建型別都被抽像出了一組公用的方法和屬性(也可以叫行為和狀態),我們就想像只擁有這些特性的一個東西就是Object。其實Object在程式設計上沒有太大用處,我們都是在使用Object的實例object,然後使用Object的集合特性(expando),擴充object成為我們希望的東西。對於Object.prototype,其實並不怎麼能用到,因為每個確切的型別都有自己的prototype,我們加入原形方法大都針對確定的型別。
Object除了prototype外還有一個很重要的屬性-constructor。這個東西就是用來完成我前面說到的object的擴充的,它也是我們使用JavaScript模擬OOP的基礎。由於JavaScript中所有東西都是Object,所以constructor也是,不過它的原始型別是Function(運行Object.constructor.valueOf()得到:function Function() { [native code] })。當然反過來並不是所有的JavaScript物件都有constructor屬性,有些內建物件沒有constructor的說。
對於Object和Function的關係,我認為這不是很好的檢驗程式碼: Function.prototype.read=function(){};//擴充Function的原型
for(var i in Object)alert(i)//顯示read,進一步證實了Object的原型是Function
Object.prototype.read=function(){};//擴充Object的原型
for(var i in Function)alert(i)//顯示read,Function的原型是Object?
這四行程式碼用來解釋JavaScript的prototype的原理和模擬OO程式設計的原形繼承方式比較sexy! 可是它們並不能清晰的說明Object和Function的關係:( 反而會愚弄視聽。
下面簡述一下JavaScript中的各種物件類型:
Native Object: JavaScript語言提供的不依賴執行宿主的對象,其中一些是內建對象,如:Global、Math;有些是在腳本運行環境中創建來使用的,如:Array、Boolean、Date、Function、 Number、Object、RegExp、Error。
Build-in Object: JavaScript語言提供的不依賴執行宿主的內建對象,如:Global、Math;內建物件都是Native Object。
Host Object:JavaScript語言提供的任何依賴宿主環境的對象,所有非Native Object的對像都是宿主對象,如:IE中的window,WScript中的wscript實例,任何使用者創建的類