prototype屬性--從入門到入門

干嘛用的

prototype屬性用來給對象添加屬性和方法的。

如下給Person這個對象添加了salary屬性。

<script>
function Person(name,age){
    this.name=name;
    this.age=age;
}

var xiaoming=new  Person("xiaoming",45)
Person.prototype.sallary=null;
xiaoming.salary=4000;
alert(xiaoming.salary)//4000
</script>

為何如此大費周折?

上述代碼不要Person.prototype.sallary=null;也可以,所以為啥呢?

看看下面這個例子

function Person(name,age){
    this.name=name;
    this.age=age;
    this.hobby=function(){
        return "watching movies"
        
            }
}

var xiaoming=new  Person("xiaoming",45);
var xiaohong=new Person("xiaohong",34);
alert(xiaoming.name);
alert(xiaohong.name)
alert(xiaohong.hobby===xiaoming.hobby);//false

小明的方法竟然和小紅的方法不一樣。(哪里不一樣?)

function Person(name,age){
    this.name=name;
    this.age=age;
}
    Person.prototype.hobby=function(){
        return "watching movie"
        }

var xiaoming=new  Person("xiaoming",45);
var xiaohong=new Person("xiaohong",34);
alert(xiaoming.name);
alert(xiaohong.name)
alert(xiaohong.hobby===xiaoming.hobby);//true

通過prototype來進行創(chuàng)建就一樣了。

參考

javascript中prototype屬性 - 簡書

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實現(xiàn)同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 8,131評論 2 17
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法,內(nèi)部類的語法,繼承相關(guān)的語法,異常的語法,線程的語...
    子非魚_t_閱讀 34,740評論 18 399
  • 官方中文版原文鏈接 感謝社區(qū)中各位的大力支持,譯者再次奉上一點點福利:阿里云產(chǎn)品券,享受所有官網(wǎng)優(yōu)惠,并抽取幸運大...
    HetfieldJoe閱讀 3,084評論 4 14
  • 特別說明,為便于查閱,文章轉(zhuǎn)自https://github.com/getify/You-Dont-Know-JS...
    殺破狼real閱讀 1,256評論 0 4
  • 目錄 上一章 第二十八章 開始寫詩 王曉寧在訊達的最后一天下班時,心里有些傷感,但一想到從今晚就開始寫自己的長詩...
    自由的風靈閱讀 668評論 1 22

友情鏈接更多精彩內(nèi)容