午夜国产狂喷潮在线观看|国产AⅤ精品一区二区久久|中文字幕AV中文字幕|国产看片高清在线

    js的Prototype屬性解釋及常用方法
    來源:易賢網(wǎng) 閱讀:3848 次 日期:2014-05-09 14:42:01
    溫馨提示:易賢網(wǎng)小編為您整理了“js的Prototype屬性解釋及常用方法”,方便廣大網(wǎng)友查閱!

    函數(shù):原型

    每一個構(gòu)造函數(shù)都有一個屬性叫做原型(prototype,下面都不再翻譯,使用其原文)。這個屬性非常有用:為一個特定類聲明通用的變量或者函數(shù)。

    prototype的定義

    你不需要顯式地聲明一個prototype屬性,因為在每一個構(gòu)造函數(shù)中都有它的存在。你可以看看下面的例子:

    Example PT1

    代碼如下:

    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

    復(fù)制代碼 代碼如下:

    function Fish(name, color)

    {

    this.name=name;

    this.color=color;

    }

    Fish.prototype.livesIn="water";

    Fish.prototype.price=20;

    接下來讓我們作幾條魚:

    代碼如下:

    var fish1=new Fish("mackarel", "gray");

    var fish2=new Fish("goldfish", "orange");

    var fish3=new Fish("salmon", "white");

    再來看看魚都有哪些屬性:

    代碼如下:

    for (int i=1; i<=3; i++)

    {

    var fish=eval_r("fish"+i);   // 我只是取得指向這條魚的指針

    alert(fish.name+","+fish.color+","+fish.livesIn+","+fish.price);

    }

    輸出應(yīng)該是:

    代碼如下:

    "mackarel, gray, water, 20"

    "goldfish, orange, water, 20"

    "salmon, white water, 20"

    你看到所有的魚都有屬性livesIn和price,我們甚至都沒有為每一條不同的魚特別聲明這些屬性。這時因為當(dāng)一個對象被創(chuàng)建時,這個構(gòu)造函數(shù)將會把它的屬性prototype賦給新對象的內(nèi)部屬性__proto__。這個__proto__被這個對象用來查找它的屬性。

    你也可以通過prototype來給所有對象添加共用的函數(shù)。這有一個好處:你不需要每次在構(gòu)造一個對象的時候創(chuàng)建并初始化這個函數(shù)。為了解釋這一點,讓我們重新來看Example DT9并使用prototype來重寫它:

    用prototype給對象添加函數(shù)

    Example PT3

    代碼如下:

    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)建對象:

    代碼如下:

    var boss1=new Employee("Joan", 200000);

    var boss2=new Employee("Kim", 100000);

    var boss3=new Employee("Sam", 150000);

    并驗證它:

    代碼如下:

    alert(boss1.getSalary());   // 輸出 200000

    alert(boss2.getSalary());   // 輸出 100000

    alert(boss3.getSalary());   // 輸出 150000

    這里有一個圖示來說明prototype是如何工作的。這個對象的每一個實例(boss1, boss2, boss3)都有一個內(nèi)部屬性叫做__proto__,這個屬性指向了它的構(gòu)造器(Employee)的屬性prototype。當(dāng)你執(zhí)行 getSalary或者addSalary的時候,這個對象會在它的__proto__找到并執(zhí)行這個代碼。注意這點:這里并沒有代碼的復(fù)制(和 Example DT8的圖表作一下對比)。

    1.jpg

    更多信息請查看IT技術(shù)專欄

    更多信息請查看網(wǎng)絡(luò)編程
    易賢網(wǎng)手機(jī)網(wǎng)站地址:js的Prototype屬性解釋及常用方法
    由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

    2025國考·省考課程試聽報名

    • 報班類型
    • 姓名
    • 手機(jī)號
    • 驗證碼
    關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機(jī)站點 | 投訴建議
    工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
    云南網(wǎng)警備案專用圖標(biāo)
    聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
    咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
    云南網(wǎng)警報警專用圖標(biāo)