原型继承父级:
function parent(name){
this.name=name;
}
parent.prototype.sayhello=function(){
console.log("hello,"+this.name);
}
原型链继承
function kid(){};
kid.prototype=new parent("who");
var k=new kid();
console.log(k.name); //who
console.log(k.sayhello()); //hello,who
弊端:创建实例时无法向父级传参
构造继承
function kid(name){
parent.call(this,name);
};
var k=new kid("who");
console.log(k.name); //who
console.log(k.sayhello()); //error
弊端:无法获取父级原型链属性
实例继承
function kid(name){
var p=new parent(name);
return p;
};
var k=new kid("who");
console.log(k.name); //who
console.log(k.sayhello()); //hello,who
弊端:实例是父级的实例
拷贝继承
function kid(name){
var p=new parent(name);
for(var item in p){
kid.prototype[item]=p[item];
}
}
var k=new kid("who");
console.log(k.name); //who
console.log(k.sayhello()); //hello,who
弊端:太占用内存
组合继承
function kid(name){
parent.call(this,name);
}
kid.prototype=new parent();
var k=new kid("who");
console.log(k.name); //who
console.log(k.sayhello()); //hello,who
弊端:调用了两次父类构造函数
寄生组合继承
function kid(name){
parent.call(this,name);
}
(function(){
var p=function(){};
p.prototype=parent.prototype;
kid.prototype=new p();
})()
弊端:写法比较繁琐
以上就是原型继承的几种方式介绍的详细内容。