javascript prototype,executing,context,closure

來源:互聯網
上載者:User

要學好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的執行個體。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.