DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript 原型學習總結
JavaScript 原型學習總結
編輯:關於JavaScript     
每個對像都有一個隱慝的屬性用於指向到它的父對像(構造對像的函數)的原型(這裡稱為父原型或隱式原型),並從中繼承它的屬性和方法 [函數對像除了父原型引用外,還有一個顯式的原型引用],在一般情況下,對像的父原型是不可以訪問的,而函數對像的顯式原型可以通過FunctionName.prototype進行訪問 [在FireFox中你可以通過對像的__proto__屬性來訪問對像的父原型]   

  這個原型屬性本身又是一個Object類型的對像,因此可以給這個原型屬性添加任意的屬性和方法 讓實例對像來繼承它們

如: 一個String類型的對像的原型為String.prototype,如果我們想要給String類型的對像添加一些自定義的方法,那我們可以這樣來實現(這裡以添加一個類式VBscript中的trim方法為例)
復制代碼 代碼如下:
String.prototype.trim=function(){
return this.replace(/^\s*|\s*$/g,"")
}
// " jiangsk540 ".trim();//return "jiagnsk540"

原型除了提供以上的特性之外,它還提供了一群同類實例對像共享屬性和方法的機制 [也就相當於靜態屬性或靜態函數,無論用構造函數創建了多少個實例對像,在原型上定義的屬性和方法從頭到尾只定義了一次,所有實例對像都共享使用這一個屬性或方法 但並非和C++或JAVA的靜態屬性或靜態函數的概念相同]
復制代碼 代碼如下:
function Class1(name){
this.name = name;
}
Class1.prototype.show=function(){
alert("name="+this.name);
}
var m1 = new Class1("jiangsk540");
var m2 = new Class1("毛獅子");
alert(m1.show===m2.show);//顯示 true

動態給構造函數原型添加的屬性或方法即可被先前建立的對像立即調用

復制代碼 代碼如下:
function Class1(name){
this.name = name;
}
Class1.prototype.show=function(){
alert("name="+this.name);
}
var m1 = new Class1("jiangsk540");
Class1.prototype.say=function(){
alert("Hi");
}
m1.say()//調用成功
/*
注意:只有為構造函數的原型添加的屬性或方法才能被已經創建的對像立即調用
如果是改變構造函數原型的引用那麼就不能被已經創建的對像立即調用
*/
Class1.prototype={newP:"jiangsk540"};
alert(m1.newP)//undefined
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved