JavaScript使用Prototype實現(xiàn)面向?qū)ο蟮姆椒?/h1>

 更新時間：2015年04月14日 11:07:48   作者：秋風(fēng)秋雨  

這篇文章主要介紹了JavaScript使用Prototype實現(xiàn)面向?qū)ο蟮姆椒?實例分析了Prototype屬性的使用技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了JavaScript使用Prototype實現(xiàn)面向?qū)ο蟮姆椒?。分享給大家供大家參考。具體分析如下：

prototype 是 Function 對象的一個屬性，這個屬性指向另一個對象。 這個對象的所有屬性和方法，都會被構(gòu)造函數(shù)的實例繼承。

同時 prototype 又存在一個指向構(gòu)造函數(shù)的引用 constructor，這樣就成功的構(gòu)成一個循環(huán)引用的原型鏈結(jié)構(gòu)。

我們可以把那些不變的屬性和方法，直接定義在 prototype 對象上， 節(jié)省內(nèi)存開銷。

function Cat(name, color) {
  this.name = name;
  this.color = color;
}
Cat.prototype.type = 'mammal';
Cat.prototype.eat = function() {
  console.log('eat fish');
};
var cat1 = new Cat('Kitty', 'white');
var cat2 = new Cat('Smokey', 'black');
console.log(cat1.type); // mammal
console.log(cat1.eta === cat2.eta);
// TRUE, same reference
console.log(cat1.constructor === Cat)
// TRUE, from Person.prototype

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

• Javascript中prototype屬性實現(xiàn)給內(nèi)置對象添加新的方法
• JavaScript通過prototype給對象定義屬性用法實例
• JavaScript中通過prototype屬性共享屬性和方法的技巧實例
• JavaScript中的原型鏈prototype介紹
• JavaScript不使用prototype和new實現(xiàn)繼承機(jī)制
• javascript使用prototype完成單繼承
• javascript 中__proto__和prototype詳解
• JavaScript中String.prototype用法實例

• JavaScript
• Prototype

相關(guān)文章

• 

  JavaScript實現(xiàn)簡單版的留言發(fā)布與刪除

  這篇文章主要介紹了如何通過JavaScript實現(xiàn)簡單的留言板功能：留言的發(fā)布與刪除。文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以學(xué)習(xí)一下

  2022-03-03
• 

  JS實現(xiàn)網(wǎng)頁標(biāo)題欄顯示當(dāng)前時間和日期的完整代碼

  這篇文章主要介紹了JS實現(xiàn)網(wǎng)頁標(biāo)題欄顯示當(dāng)前時間和日期的方法,涉及JavaScript日期時間函數(shù)及網(wǎng)頁標(biāo)題欄操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下

  2015-11-11
• 

  純JavaScript實現(xiàn)的兼容各瀏覽器的添加和移除事件封裝

  這篇文章主要介紹了純JavaScript實現(xiàn)的兼容各瀏覽器的添加和移除事件封裝,本文直接給出實現(xiàn)代碼,代碼中帶詳細(xì)注釋,需要的朋友可以參考下

  2015-03-03
• 

  JavaScript 反科里化 this [譯]

  本文主要講了JavaScript中科里化和反科里化this的方法.話題來自于Brendan Eich(JavaScript之父)的一個tweet

  2012-09-09
• 

  JS模板編譯的實現(xiàn)詳情

  這篇文章主要介紹了JS模板編譯的實現(xiàn)詳情，編譯是一種格式變成另一種格式的過程。編譯會導(dǎo)致好的結(jié)果，比如書寫簡單的代碼，編譯出來復(fù)雜的代碼；或者提高代碼的使用性能

  2022-07-07
• 

  js實現(xiàn)上下滑動輪播

  這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)上下滑動輪播，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

  2022-07-07
• 

  基于JavaScript實現(xiàn)輪播圖代碼

  在前端程序開發(fā)中，經(jīng)常會實現(xiàn)js輪播圖的效果，怎么實現(xiàn)的呢？下面小編給大家分享基于基于JavaScript實現(xiàn)輪播圖代碼 ，非常不錯，感興趣的朋友可以參考下

  2016-07-07
• 

  javascript 禁用IE工具欄,導(dǎo)航欄等等實現(xiàn)代碼

  在處理問題時候遇到的,就順便記錄與大家一起分享下，感興趣的朋友可以參考下哈，希望可以幫助到你

  2013-04-04
• 

  javascript下對于事件、事件流、事件觸發(fā)的順序隨便說說

  向同一個標(biāo)簽 動態(tài)的添加事件是 執(zhí)行的順序在ie和其他非ie內(nèi)核的瀏覽器有所不同 ie是“先進(jìn)先出 ” 就是最先添加的最先執(zhí)行，其他非ie內(nèi)核的瀏覽器是 “先進(jìn)后出”，就是 最后添加的事件 先執(zhí)行。

  2010-07-07
• 

  讓innerText在firefox火狐和IE瀏覽器都能用的寫法

  下面的代碼主要是用來解決firefox瀏覽器不支持innerText的問題，需要的朋友可以參考下。

  2011-05-05

最新評論