DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript實現繼承的簡單實例
javascript實現繼承的簡單實例
編輯:關於JavaScript     

作為一門面向對象的語言,那麼繼承自然就是一大特征,下面是一段非常簡單代碼實例,它演示了實現繼承的基本原理,有興趣的或者恰好要學習此方面的朋友可以參閱一下,希望能夠給大家來幫組。

//繼承
function Person(name,sex)
{
 this.name=name;
 this.sex=sex;
}
Person.prototype.sayName=function()
{
 alert(this.name);
}
Person.prototype.saySex=function()
{
 alert(this.sex);
}
function Worker(name,sex,job)
{
 //繼承person類 
 Person.call(this,name,sex) //這裡的this指的是Worker類的實例,如下面的'W' ,把W傳入Person構造函數,這時W偽裝成Person構造函數裡的this
 this.job=job;
}
//Worker.prototype=Person.prototype;//如果這樣負值原型,子類的sayJob方法Person父類也會有sayJob方法,因為是引用傳遞
//改成如下方式則子類不會影響父類:
for(var i in Person.prototype)
{
 Worker.prototype[i]=Person.prototype[i];
}
Worker.prototype.sayJob=function()
{
 alert(this.job);
}
var p=new Person('lisi','男');
//alert(p.sayJob);
var w=new Worker('zhangsan','男','打醬油的');
w.sayName();
w.saySex();
w.sayJob();

以上所述就是本文的全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved