JavaScript的面向?qū)ο?二)
更新時(shí)間：2006年11月09日 00:00:00 作者：
上一篇寫的廢話太多，寫得很爛，這一次講講繼承吧，我們上一節(jié)知道了prototype，現(xiàn)在我從prototype下手來實(shí)現(xiàn)方法
<scrīpt LANGUAGE="Javascrīpt">
<!--
function 職業(yè)(){
var 須知="每天要好好上班";
}
職業(yè).prototype.上班=function(name){
return name+"上班";
}
職業(yè).prototype.下班=function(){
return "下班";
}
Function.prototype.extend=function(superClass){
for(var $p in superClass.prototype){
this.prototype[$p]=superClass.prototype[$p];
}
delete $p;
}
function 演員(){
}
演員.prototype.上電視=function(person){
return person+"上電視";
}
function 小丑(){
}
小丑.prototype.行頭=function(){
return "夸張的笑";
}
演員.extend(職業(yè));
var 張三=new 演員();
alert(張三.上班("張三"));
小丑.extend(演員);
var 小卓=new 小丑();
alert(小卓.上班("小卓"));
alert(小卓.行頭());
alert(小卓.上電視("小卓表演的節(jié)目"));
//-->
</scrīpt>
只是寫了一個(gè)繼承的小例。
這樣，在不考慮父類方法與子類方法的情況下如此做，有點(diǎn)荒繆了。先寫到這
兒，后面再寫了。
<scrīpt LANGUAGE="Javascrīpt">
<!--
function 職業(yè)(){
var 須知="每天要好好上班";
}
職業(yè).prototype.上班=function(name){
return name+"上班";
}
職業(yè).prototype.下班=function(){
return "下班";
}
Function.prototype.extend=function(superClass){
for(var $p in superClass.prototype){
this.prototype[$p]=superClass.prototype[$p];
}
delete $p;
}
function 演員(){
}
演員.prototype.上電視=function(person){
return person+"上電視";
}
function 小丑(){
}
小丑.prototype.行頭=function(){
return "夸張的笑";
}
演員.extend(職業(yè));
var 張三=new 演員();
alert(張三.上班("張三"));
小丑.extend(演員);
var 小卓=new 小丑();
alert(小卓.上班("小卓"));
alert(小卓.行頭());
alert(小卓.上電視("小卓表演的節(jié)目"));
//-->
</scrīpt>
只是寫了一個(gè)繼承的小例。
這樣，在不考慮父類方法與子類方法的情況下如此做，有點(diǎn)荒繆了。先寫到這
兒，后面再寫了。
相關(guān)文章
JavaScript函數(shù)中的防抖與節(jié)流原生實(shí)現(xiàn)及第三方庫的使用
當(dāng)你頻繁的觸發(fā)用戶界面時(shí),會(huì)不停的觸發(fā)事件處理函數(shù),可能導(dǎo)致界面卡頓,瀏覽器奔潰,頁面空白等情況,而解決這一問題的,正是函數(shù)節(jié)流與函數(shù)防抖,所以本文將給大家介紹一下JavaScript函數(shù)中的防抖與節(jié)流原生實(shí)現(xiàn)及第三方庫的使用,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了簡單了解JavaScript中常見的反模式，反模式 是指對(duì)反復(fù)出現(xiàn)的設(shè)計(jì)問題的常見的無力而低效的設(shè)計(jì)模式，俗話說就是重蹈覆轍。 這篇文章描述了 JavaScript 中常見的一些反模式，以及避免它們的辦法。,需要的朋友可以參考下2019-06-06
基于JavaScript實(shí)現(xiàn)密碼框驗(yàn)證信息
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)密碼框驗(yàn)證信息，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
IOS中safari下的select下拉菜單文字過長不換行的解決方法
今天在項(xiàng)目開發(fā)中遇到一個(gè)問題safari下的select下拉菜單文字過長不換行問題，最終我用<optgroup>標(biāo)簽解決此問題，下面小編把實(shí)現(xiàn)思路分享給大家供大家參考2016-09-09
詳解webpack 多頁面/入口支持&公共組件單獨(dú)打包
這篇文章主要介紹了詳解webpack 多頁面/入口支持&公共組件單獨(dú)打包,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
js實(shí)現(xiàn)帶圓角的兩級(jí)導(dǎo)航菜單效果代碼
這篇文章主要介紹了js實(shí)現(xiàn)帶圓角的兩級(jí)導(dǎo)航菜單效果代碼,涉及javascript鼠標(biāo)事件及頁面元素樣式動(dòng)態(tài)變換技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
淺談bootstrap源碼分析之tab(選項(xiàng)卡)
下面小編就為大家?guī)硪黄獪\談bootstrap源碼分析之tab(選項(xiàng)卡)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了Javascript的JSBridge，對(duì)JSBridge感興趣的同學(xué)，可以參考下2021-04-04
Three.js中的紋理圖像應(yīng)用和屬性調(diào)整方法
在three.js中紋理貼圖是用來給物體表面添加圖案、顏色或者其他視覺效果的一種技術(shù),這篇文章主要給大家介紹了關(guān)于Three.js中紋理圖像應(yīng)用和屬性調(diào)整的相關(guān)資料,需要的朋友可以參考下2024-01-01
Javascript無參數(shù)和有參數(shù)類繼承問題解決方法
這篇文章主要介紹了Javascript無參數(shù)和有參數(shù)類繼承問題解決方法,本文講解了無參數(shù)類繼承的問題和有參類繼承的問題,并給出了解決方案,需要的朋友可以參考下2015-03-03