javascript使用prototype完成單繼承

更新時(shí)間：2014年12月24日 11:10:12 投稿：hebedich

這篇文章主要介紹了javascript使用prototype完成單繼承的方法及示例代碼，有需要的小伙伴參考下

1.使用prototype完成單繼承.

//定義一個(gè)A類

function A(){

}

//為A類動(dòng)態(tài)調(diào)用屬性color,與方法sayColor

A.prototype.color = "blue";

A.prototype.sayColor = function(){

alert(this.color);

};

//創(chuàng)建了一個(gè)B類

function B(){

}

//讓B繼承自A

B.prototype=new A(); //new出A的對(duì)象賦值給B的原型，B中就包含了A中的所有定義的屬性與方法.

//可不可以將繼承的sayColor進(jìn)行重寫.

B.prototype.sayColor=function(){

alert("重寫");

}

var b=new B();

b.color='red';

b.sayColor();

您可能感興趣的文章:

相關(guān)文章

解決layui中table異步數(shù)據(jù)請(qǐng)求不支持自定義返回?cái)?shù)據(jù)格式的問題
今天小編就為大家分享一篇解決layui中table異步數(shù)據(jù)請(qǐng)求不支持自定義返回?cái)?shù)據(jù)格式的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
JavaScript裝飾者模式原理與用法實(shí)例詳解
這篇文章主要介紹了JavaScript裝飾者模式原理與用法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript裝飾者模式相關(guān)概念、功能、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下
2020-03-03
JS兼容瀏覽器的導(dǎo)出Excel（CSV）文件的方法
項(xiàng)目中經(jīng)常需要導(dǎo)出Excel文件，不在服務(wù)器端處理而是富客戶端采用Javascript腳本處理數(shù)據(jù)并導(dǎo)出文件
2014-05-05
JS實(shí)現(xiàn)動(dòng)態(tài)星空背景效果
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)動(dòng)態(tài)星空背景效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-11-11
《JavaScript DOM 編程藝術(shù)》讀書筆記之JavaScript 簡(jiǎn)史
這篇文章主要介紹了《JavaScript DOM 編程藝術(shù)》讀書筆記之JavaScript 簡(jiǎn)史,需要的朋友可以參考下
2015-01-01
微信小程序中的輪播圖實(shí)現(xiàn)示例
打開一個(gè)小程序，我們會(huì)發(fā)現(xiàn)，一般構(gòu)圖排版都是圖片banner - 快捷按鈕 - 產(chǎn)品/文章列表等詳細(xì)信息，底部導(dǎo)航一般是2~5個(gè)。這樣的排版是比較美觀的，那么為什么要這樣設(shè)計(jì)，這些輪播圖、快捷按鈕等小程序組件都有什么用呢？接下來就帶你詳細(xì)了解下
2022-12-12
js為什么不能正確處理小數(shù)運(yùn)算？
這篇文章主要介紹了js不能正確處理小數(shù)運(yùn)算的原因，為大家解除js為什么不能正確處理小數(shù)運(yùn)算的疑慮，感興趣的小伙伴們可以參考一下
2015-12-12
代碼短小的js div層拖動(dòng)實(shí)現(xiàn)代碼[兼容IE與Firefox]
代碼短小的js div層拖動(dòng)實(shí)現(xiàn)代碼[兼容IE與Firefox],需要的朋友可以參考下.
2010-05-05
element中的$confirm的使用
這篇文章主要介紹了element中的$confirm的使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-04-04
javascript操作cookie方法函數(shù)集合
很多朋友需要使用到cookies操作，腳本之家以前也發(fā)表了不少相關(guān)的文章。這篇文章，雖然亂了點(diǎn)，但知識(shí)點(diǎn)比較多。
2010-07-07