【说站】javascript组合继承是什么
JavaScript继承 什么 组合
2023-06-13 09:13:14 时间
javascript组合继承是什么
1、说明
用原型链实现原型属性和方法的继承,借用构造函数技术实现实例属性的继承。
2、缺点
组合模式的缺点是使用子类制作实例对象时,其原型有两种相同的属性、方法。
3、实例
function SuperType(name){
this.name = name;
this.colors = ["red", "blue", "green"];
}
SuperType.prototype.sayName = function(){
alert(this.name);
};
function SubType(name, age){
// 继承属性
// 第二次调用SuperType()
SuperType.call(this, name);
this.age = age;
}
// 继承方法
// 构建原型链
// 第一次调用SuperType()
SubType.prototype = new SuperType();
// 重写SubType.prototype的constructor属性,指向自己的构造函数SubType
SubType.prototype.constructor = SubType;
SubType.prototype.sayAge = function(){
alert(this.age);
};
var instance1 = new SubType("Nicholas", 29);
instance1.colors.push("black");
alert(instance1.colors); //"red,blue,green,black"
instance1.sayName(); //"Nicholas";
instance1.sayAge(); //29
var instance2 = new SubType("Greg", 27);
alert(instance2.colors); //"red,blue,green"
instance2.sayName(); //"Greg";
instance2.sayAge(); //27
以上就是javascript组合继承的介绍,希望对大家有所帮助。更多Javascript学习指路:Javascript
相关文章
- 【说站】javascript原型式继承如何理解
- 【说站】JavaScript成员查找机制是什么
- JavaScript 事件循环
- JavaScript SHA-256加密算法详细代码详解编程语言
- JavaScript中的类继承实现方式详解编程语言
- JavaScript学习总结(十七)——Javascript原型链的原理详解编程语言
- PHP+javascript液晶时钟
- JavaScript中void(0)的具体含义解释
- 一个类似vbscript的round函数的javascript函数
- JavaScript验证浏览器是否支持javascript的方法小结
- JavaScript原型与继承说明
- Javascript面向对象之四继承
- Javascript实现视频轮播在pc端与移动端均可
- Javascript玩转继承(三)
- 推荐JavaScript实现继承的最佳方式
- JavaScript实现的双向跨域插件分享