要學好JavaScript,有幾個基本概念必須搞清楚:prototype,executing,context,closure。
Prototype
在JavaScript語言中,通常使用Prototype來實現OO。在這裡,我們不對JavaScript的OO實現進行過多的探討,著重來看一下JS中對象的記憶體模型。在開始之前,需要先明確以下幾點:
1. JS中,存在以下幾種資料類型:string,number,boolean,object,function(注意:首字母均為小寫)。
2 “Object”, “String”, “Date”等內建資料類型,在JS中實際上是函數名稱(使用"alert(typeof Object)"可以驗證,輸出為"function")。我們通常指的類型為"Date"的資料類型,實際上是通過"new Date"所產生的對象。
3. 在JavaScript中,對象都是associative array (hash table),可以動態指定對象的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資料類型具有一個“prototype”,如果更改這個prototype,會影響到所有已經產生的Person類型的對象,同時也會影響到以後建立的Person類型的對象。如果指定一個function的prototype屬性,則所有使用該function產生的對象執行個體中(使用new操作符)都具有該prototype,在Firefox 中,可以使用"__proto__"屬性訪問。
通常情況下,我們講JS中的對象都繼承Object資料類型,這是如何體現的呢?我們把以上的程式稍微修改一下:
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資料類型 */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的執行個體。