前天有網友留言問我,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執行個體,任何使用者建立的類。