Javascript玩轉(zhuǎn)繼承(一)
來(lái)源:易賢網(wǎng) 閱讀:1186 次 日期:2014-05-09 14:44:18
溫馨提示:易賢網(wǎng)小編為您整理了“Javascript玩轉(zhuǎn)繼承(一)”,方便廣大網(wǎng)友查閱!

Javascript究竟是一門面向?qū)ο蟮恼Z(yǔ)言,還是一門支持對(duì)象的語(yǔ)言,我想每個(gè)人都有著自己的看法。那些Javascript忠實(shí)的Fans一定講Javascript是一門面向?qū)ο蟮恼Z(yǔ)言,像《Javascript王者歸來(lái)》一書中對(duì)Javascript的說(shuō)法是基于原型的面向?qū)ο?。我談?wù)勎覀€(gè)人的看法。面向?qū)ο蟮娜齻€(gè)特征,繼承,多態(tài),封裝,Javascript雖然實(shí)現(xiàn)起來(lái)不像Java,C#等面向?qū)ο蟮恼Z(yǔ)言來(lái)得快,但是畢竟也有著一定的支持。因此說(shuō)Javascript是面向?qū)ο蟮恼Z(yǔ)言是有著一定道理的,但是從繼承這個(gè)部分來(lái)談,一系列的繼承法,但是每個(gè)繼承法都無(wú)法實(shí)現(xiàn)真正面向?qū)ο笳Z(yǔ)言的威力,因此,說(shuō)他面向?qū)ο笥兄欢ǖ臓繌?qiáng)。綜上,我對(duì)Javascript的理解,更愿意把它叫做一種簡(jiǎn)化的面向?qū)ο?,或者說(shuō)"偽"面向?qū)ο螅ㄟ@個(gè)偽字絕無(wú)貶義)。

今天就從面向?qū)ο筮@個(gè)第一個(gè)特征:繼承來(lái)談。

什么是繼承?這個(gè)我不想廢話,有一只動(dòng)物,有一個(gè)人,有一個(gè)女孩,這個(gè)就是一個(gè)最簡(jiǎn)單,也是典型的繼承鏈。

在C#等面向?qū)ο笾?,很容易?

代碼如下:

class Animal

{ }

class People:Animal

{ }

class Girl:People

{ }

那么在Javascript中,沒有類,沒有繼承的提供實(shí)現(xiàn),我們?cè)撛趺醋瞿兀?

對(duì)象偽裝(構(gòu)造繼承法)

什么是對(duì)象偽裝呢?我們可能叫做構(gòu)造繼承更容易理解一些。顧名思義,就是用構(gòu)造函數(shù)來(lái)玩繼承。其實(shí)就是說(shuō)把父類的構(gòu)造函數(shù)當(dāng)成是一個(gè)普通的方法,放到子類的構(gòu)造函數(shù)中去執(zhí)行,這樣的話,當(dāng)構(gòu)造對(duì)象的時(shí)候,子類的對(duì)象當(dāng)然就可以構(gòu)造父類的方法啦!

還是用上面的那個(gè)例子,代碼如下:

代碼如下:

function Animal()

{

this.Run=function(){alert("I can run");};

}

function People(name)

{

//在這里就是傳入了父類的構(gòu)造方法,然后執(zhí)行父類的構(gòu)造方法,這個(gè)時(shí)候就//可以使用父類中的方法了。

this.father=Animal;

this.father();

//記得要?jiǎng)h除,否則在子類添加于父類相同名稱的方法時(shí),會(huì)修改到父類。

delete this.Father;

this.name=name;

this.Say=function(){alert("My name is "+this.name);}

}

function Girl(name,age)

{

this.father=People;

this.father(name);

delete this.father;

this.age=age;

this.Introduce=function(){alert("My name is "+this.name+".I am "+this.age);};

}

這樣的話就實(shí)現(xiàn)了一個(gè)繼承鏈,測(cè)試下:

代碼如下:

var a=new Animal();

a.Run();

var p=new People("Windking");

p.Run();

p.Say();

var g=new Girl("Xuan",22);

g.Run();

g.Say();

g.Introduce();

結(jié)果如下:

1.jpg

測(cè)試成功!

我們來(lái)總結(jié)一下這段代碼的關(guān)鍵,指定父類,聲明父類對(duì)象,然后刪除臨時(shí)變量,您是否覺得有些麻煩呢?至少我是這么覺得的,一旦忘記了delete,還要承擔(dān)父類被修改的風(fēng)險(xiǎn),針對(duì)這個(gè),我們對(duì)這個(gè)用call和apply來(lái)改進(jìn)!

接著看代碼,還是上面的例子(為了更加容易大家理解,需求改變一下,Animal有了名字):

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

function Animal(name)

{

this.Run=function(){alert("I can Run");};

}

function People(name)

{

//使用call方法實(shí)現(xiàn)繼承

this.father=Animal;

this.father.call(this,name);

this.name=name;

this.SayName=function(){alert("My name is "+this.name;);};

}

function Girl(name,age)

{

//使用apply方法來(lái)實(shí)現(xiàn)繼承

this.father=People;

this.father.apply(this,new Array(name));

this.age=age;

this.Introduce=function(){alert("My name is "+this.name+".I am "+this.age);};

}

用一樣的測(cè)試代碼,發(fā)現(xiàn)測(cè)試一樣成功。

如果是新手,可能看后面的這兩段代碼有些暈暈乎乎,什么是call,什么是apply呢?好,在玩轉(zhuǎn)繼承這個(gè)專題中,我加入一個(gè)增刊系列,如果對(duì)這個(gè)有不了解,可以看我的這個(gè)文章:《玩轉(zhuǎn)方法:call和apply 》。

對(duì)象偽裝,這只是一種實(shí)現(xiàn)繼承的方式,在接下來(lái)的文章,我會(huì)繼續(xù)寫出其他的繼承方式以及幾種繼承方式的優(yōu)劣,歡迎繼續(xù)關(guān)注。

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

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

2025國(guó)考·省考課程試聽報(bào)名

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