JavaScript中的Object到底是什麼呢?!

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.