在JavaScript語言中,通常使用Prototype來實現(xiàn)OO。在這里,我們不對JavaScript的OO實現(xiàn)進行過多的探討,著重來看一下JS中對象的內(nèi)存模型。在開始之前,需要先明確以下幾點:
1. JS中,存在以下幾種數(shù)據(jù)類型:string,number,boolean,object,function(注意:首字母均為小寫)。
2 “Object”, “String”, “Date”等內(nèi)置數(shù)據(jù)類型,在JS中實際上是函數(shù)名稱(使用"alert(typeof Object)"可以驗證,輸出為"function")。我們通常指的類型為"Date"的數(shù)據(jù)類型,實際上是通過"new Date"所產(chǎn)生的對象。
3. 在JavaScript中,對象都是associative array (hash table),可以動態(tài)指定對象的property。
4. 在Firefox中可以使用"__proto__"屬性來查看一個對象的"prototype"。
下面我們來看一個簡單的例子:
function Person() { this.age = 10; this.name = "test";}Person.prototype = new Object;var p = new Person;alert(p); // output "[object Object]"alert(p.__proto__); // output "[object Object]"
可以看出Person數(shù)據(jù)類型具有一個“prototype”,如果更改這個prototype,會影響到所有已經(jīng)產(chǎn)生的Person類型的對象,同時也會影響到以后建立的Person類型的對象。如果指定一個function的prototype屬性,則所有使用該function生成的對象實例中(使用new操作符)都具有該prototype,在Firefox 中,可以使用"__proto__"屬性訪問。
通常情況下,我們講JS中的對象都繼承Object數(shù)據(jù)類型,這是如何體現(xiàn)的呢?我們把以上的程序稍微修改一下:
function Person() { this.age = 10; this.name = "test";}var p = new Person;alert(p); // output "[object Object]"alert(p.__proto__); // output "[object Object]"alert(p.__proto__.__proto__); // output "[object Object]"alert(p.__proto__.__proto__ == Object.prototype); // output "true"alert(p.__proto__.__proto__.__proto__); // output "null"
由以上程序可以看到,Person的"prototype"(在這里,沒有明確指定Person.prototype, 而是使用缺省值)的"prototype" (p.__proto__.__proto__)正是Object.prototype, Object.prototype是prototype chain的終點(其自己的祖先為null)。
在JS中,Object是function,同時,所有function的實例,也都是Object。請看如下程序:
/* Object, Function都是function數(shù)據(jù)類型 */alert(typeof Object); // output "function"alert(typeof Function); // output "function"/* Function的prototype是一個空function */alert(Function.prototype); // output "function() {}"alert(Function.__proto__ == Function.prototype); // output "true"/* function是object, 其prototype chain的終點是Object.prototype */alert(Function.__proto__.__proto__ == Object.prototype); //output "true"/* Object是function的實例 */ alert(Object.__proto__ == Function.prototype); // output "true"alert(Object.__proto__.__proto__ == Object.prototype); // output "true"改變Function.prototype會影響到“Object”,改變Object.prototype會影響到所有function的實例。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com