您现在的位置是：课程教程文章

JavaScript组合继承的实现

2023-12-13 23:09课程教程文章人已围观

课程介绍: 1、 JavaScript组合继承的实现课程推荐; 2、 JavaScript组合继承的实现课程专题

JavaScript进阶/ES6和面向对象精讲js/ES5/ES6
JavaScript进阶/ES6和面向对象精讲js/ES5/ES6【学习目标】掌握高级前端工程师必备的JavaScript技能，能够更好的了解前端框...
JavaScript零基础学习指南（函数方法、对象
JavaScript零基础学习指南（函数方法、对象...
javascript零基础小白入门课程
javascript零基础小白入门课程黄菊华老师QQ（微信同号）：45157718；前端交流群：147415688 javascript课（1）JS基础...
JavaScript原理与实践（Web安全/渗透测试/白
JavaScript原理与实践（Web安全/渗透测试/白注意：购买课程之后，请先加入学习群，获取配套资料微信公众号：拼客学院...

1、组合继承综合了原型链和盗用构造函数，将两者的优点集中了起来。既可以把方法定义在原型上以实现重用，又可以让每个实例都有自己的属性。

2、过程中调用两次父类构造函数。

一次是子构造函数使用apply/call调用的父构造函数，另一次是子类使用原型继承时，父类实例赋给子类的原型对象时调用的父类构造函数

实例

functionA(name,age,sex){
this.name=name;
this.age=age;
this.sex=sex;
this.arrs=[1,2,3]
};
A.prototype.sayName=function(){
returnthis.name
}
functionB(name,age,sex){
A.apply(this,arguments)
}
B.prototype=newA();
Object.defineProperty(B.prototype,"constructor",{
enumerable:false,
value:B
})
letC1=newB('C1',18,'male');
letC2=newB('C2',18,'female');
console.log(C1.sayName());//"C1"
C1.arrs.push(4);
console.log(C1.age,C1.sex,C1.arrs);//18,'male',[1,2,3,4]
console.log(C2.sayName());//"C2"
console.log(C2.age,C2.sex,C2.arrs);//18,'female',[1,2,3]

以上就是JavaScript组合继承的实现，希望对大家有所帮助。更多Javascript学习指路：Javascript

推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

课程教程：JavaScript组合继承的实现