Rumah > hujung hadapan web > tutorial js > Contoh mudah warisan dalam kemahiran javascript_javascript

Contoh mudah warisan dalam kemahiran javascript_javascript

WBOY
Lepaskan: 2016-05-16 15:49:00
asal
961 orang telah melayarinya

Sebagai bahasa berorientasikan objek, warisan secara semula jadi merupakan ciri utama Berikut ialah contoh kod yang sangat mudah, yang menunjukkan prinsip asas warisan Rakan yang berminat atau ingin mempelajari aspek ini boleh merujuknya. Saya harap saya dapat membantu semua orang.

//继承
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();
Salin selepas log masuk

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan