函數(shù):原型
每一個構(gòu)造函數(shù)都有一個屬性叫做原型(prototype,下面都不再翻譯,使用其原文)。這個屬性非常有用:為一個特定類聲明通用的變量或者函數(shù)。
prototype的定義
你不需要顯式地聲明一個prototype屬性,因為在每一個構(gòu)造函數(shù)中都有它的存在。你可以看看下面的例子:
Example PT1
CODE: function Test() { } alert(Test.prototype); // 輸出 "Object"
給prototype添加屬性
就如你在上面所看到的,prototype是一個對象,因此,你能夠給它添加屬性。你添加給prototype的屬性將會成為使用這個構(gòu)造函數(shù)創(chuàng)建的對象的通用屬性。
例如,我下面有一個數(shù)據(jù)類型Fish,我想讓所有的魚都有這些屬性:livesIn="water"和price=20;為了實現(xiàn)這個,我可以給構(gòu)造函數(shù)Fish的prototype添加那些屬性。
Example PT2
CODE: function Fish(name, color) { this.name=name; this.color=color; } Fish.prototype.livesIn="water"; Fish.prototype.price=20;
接下來讓我們作幾條魚:
CODE: var fish1=new Fish("mackarel", "gray"); var fish2=new Fish("goldfish", "orange"); var fish3=new Fish("salmon", "white");
再來看看魚都有哪些屬性:
CODE: for (int i=1; i<=3; i++) { var fish=eval("fish"+i); // 我只是取得指向這條魚的指針 alert(fish.name+","+fish.color+","+fish.livesIn+","+fish.price); }
輸出應(yīng)該是:
CODE: "mackarel, gray, water, 20" "goldfish, orange, water, 20" "salmon, white water, 20"
你看到所有的魚都有屬性livesIn和price,我們甚至都沒有為每一條不同的魚特別聲明這些屬性。這時因為當一個對象被創(chuàng)建時,這個構(gòu)造函數(shù)將會把它的屬性prototype賦給新對象的內(nèi)部屬性__proto__。這個__proto__被這個對象用來查找它的屬性。
你也可以通過prototype來給所有對象添加共用的函數(shù)。這有一個好處:你不需要每次在構(gòu)造一個對象的時候創(chuàng)建并初始化這個函數(shù)。為了解釋這一點,讓我們重新來看Example DT9并使用prototype來重寫它:
用prototype給對象添加函數(shù)
Example PT3
CODE:
function Employee(name, salary) { this.name=name; this.salary=salary; } Employee.prototype.getSalary=function getSalaryFunction() { return this.salary; }
Employee.prototype.addSalary=function addSalaryFunction(addition) { this.salary=this.salary+addition; }
我們可以象通常那樣創(chuàng)建對象:
CODE: var boss1=new Employee("Joan", 200000); var boss2=new Employee("Kim", 100000); var boss3=new Employee("Sam", 150000);
并驗證它:
CODE: alert(boss1.getSalary()); // 輸出 200000 alert(boss2.getSalary()); // 輸出 100000 alert(boss3.getSalary()); // 輸出 150000
這里有一個圖示來說明prototype是如何工作的。這個對象的每一個實例(boss1, boss2, boss3)都有一個內(nèi)部屬性叫做__proto__,這個屬性指向了它的構(gòu)造器(Employee)的屬性prototype。當你執(zhí)行g(shù)etSalary或者addSalary的時候,這個對象會在它的__proto__找到并執(zhí)行這個代碼。注意這點:這里并沒有代碼的復(fù)制(和Example DT8的圖表作一下對比)。
出處:藍色理想
責任編輯:moby
上一頁 javascript的函數(shù) [7] 下一頁
◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|