国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Javascript玩轉繼承(一)

2019-11-20 20:42:43
字體:
來源:轉載
供稿:網友

Javascript究竟是一門面向對象的語言,還是一門支持對象的語言,我想每個人都有著自己的看法。那些Javascript忠實的Fans一定講Javascript是一門面向對象的語言,像《Javascript王者歸來》一書中對Javascript的說法是基于原型的面向對象。我談談我個人的看法。面向對象的三個特征,繼承,多態,封裝,Javascript雖然實現起來不像Java,C#等面向對象的語言來得快,但是畢竟也有著一定的支持。因此說Javascript是面向對象的語言是有著一定道理的,但是從繼承這個部分來談,一系列的繼承法,但是每個繼承法都無法實現真正面向對象語言的威力,因此,說他面向對象有著一定的牽強。綜上,我對Javascript的理解,更愿意把它叫做一種簡化的面向對象,或者說"偽"面向對象(這個偽字絕無貶義)。

今天就從面向對象這個第一個特征:繼承來談。
什么是繼承?這個我不想廢話,有一只動物,有一個人,有一個女孩,這個就是一個最簡單,也是典型的繼承鏈。
在C#等面向對象中,很容易。

復制代碼 代碼如下:

class Animal
{    }
class People:Animal
{    }
class Girl:People
{    }
 

那么在Javascript中,沒有類,沒有繼承的提供實現,我們該怎么做呢?
對象偽裝(構造繼承法)
什么是對象偽裝呢?我們可能叫做構造繼承更容易理解一些。顧名思義,就是用構造函數來玩繼承。其實就是說把父類的構造函數當成是一個普通的方法,放到子類的構造函數中去執行,這樣的話,當構造對象的時候,子類的對象當然就可以構造父類的方法啦!

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

復制代碼 代碼如下:

function Animal()
{
        this.Run=function(){alert("I can run");};
}
function People(name)
{
//在這里就是傳入了父類的構造方法,然后執行父類的構造方法,這個時候就//可以使用父類中的方法了。
        this.father=Animal;
        this.father();
        //記得要刪除,否則在子類添加于父類相同名稱的方法時,會修改到父類。
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);};
}

這樣的話就實現了一個繼承鏈,測試下:

復制代碼 代碼如下:

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();

結果如下:

a.

b.

c.

d.

e.

f.

測試成功!

我們來總結一下這段代碼的關鍵,指定父類,聲明父類對象,然后刪除臨時變量,您是否覺得有些麻煩呢?至少我是這么覺得的,一旦忘記了delete,還要承擔父類被修改的風險,針對這個,我們對這個用call和apply來改進!
接著看代碼,還是上面的例子(為了更加容易大家理解,需求改變一下,Animal有了名字):

復制代碼 代碼如下:

function Animal(name)
{
        this.Run=function(){alert("I can Run");};
}
function People(name)
{
        //使用call方法實現繼承
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方法來實現繼承
        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);};
}

用一樣的測試代碼,發現測試一樣成功。

如果是新手,可能看后面的這兩段代碼有些暈暈乎乎,什么是call,什么是apply呢?好,在玩轉繼承這個專題中,我加入一個增刊系列,如果對這個有不了解,可以看我的這個文章:《玩轉方法:call和apply 》。
對象偽裝,這只是一種實現繼承的方式,在接下來的文章,我會繼續寫出其他的繼承方式以及幾種繼承方式的優劣,歡迎繼續關注。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 定州市| 凤城市| 大名县| 博乐市| 阿荣旗| 古交市| 随州市| 叶城县| 沁源县| 五家渠市| 长岭县| 临安市| 望都县| 林芝县| 宁海县| 尼玛县| 正阳县| 芒康县| 巨鹿县| 沂水县| 抚宁县| 宁陵县| 隆子县| 深州市| 建瓯市| 孟津县| 堆龙德庆县| 南昌县| 深泽县| 邳州市| 文登市| 丹阳市| 曲靖市| 十堰市| 庄浪县| 都昌县| 夹江县| 新竹县| 涞水县| 荔波县| 仁化县|