[js高手之路]原型式继承与寄生式继承详解
一、原型式继承本质其实就是个浅拷贝，以一个对象为模板复制出新的对象
functionobject(o){
varG=function(){};
G.prototype=o;
returnnewG();
}
varobj={
name:'ghostwu',
age:22,
show:function(){
returnthis.name+','+this.age;
}
};
varobj2=object(obj);
console.log(obj2.name,obj.age,obj.show());
object函数中，以对象o为模板，在object函数体里面，定义一个构造函数，让构造函数的原型对象(prototype)指向o，
返回构造函数的一个实例，这样就可以访问到对象o的所有属性和方法.
二、因为原型式继承是个浅拷贝，所以引用类型的数据共享在不同的实例之间
functionobject(o){
varG=function(){};
G.prototype=o;
returnnewG();
}
varobj={
skills:['php','javascript']
};
varobj2=object(obj);
obj2.skills.push('python');
varobj3=object(obj);
console.log(obj3.skills);//php,javascript,python
obj2改变了skills数组，obj3的skills结果就是其他实例改变的结果
三、在es5中，新增了一个函数Object.create()实现了原型式继承
varobj={
skills:['php','javascript']
};
varobj2=Object.create(obj);
obj2.skills.push('python');
varobj3=Object.create(obj);
console.log(obj3.skills);//php,javascript,python
四，寄生式继承就是把原型式继承再次封装，然后在对象上扩展新的方法，再把新对象返回
functionobject(o){
varG=function(){};
G.prototype=o;
returnnewG();
}
functionCreateObj(srcObj){
vardstObj=object(srcObj);
dstObj.sayName=function(){
returnthis.userName;
}
returndstObj;
}
varobj={
userName:'ghostwu',
};
varobj2=CreateObj(obj);
console.log(obj2.sayName());//ghostwu
以上这篇[js高手之路]原型式继承与寄生式继承详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。