[JavaScript知识库] javaScript继承之组合继承

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> javaScript继承之组合继承 -> 正文阅读

[JavaScript知识库]javaScript继承之组合继承

// 组合继承
// 创建Animal对象
function Animal(name) {
    this.name = name;
    this.categorys = ["cat", "rabbit"];
}
//   在Animal的原型对象上创建方法
Animal.prototype.sayName = function () {
    console.log(this.name);
};
// 创建Dog对象
function Dog(name, age) {
    // 继承Animal属性
    Animal.call(this, name);
    this.age = age;
}
// 继承Animal对象的原型对象的方法
Dog.prototype = new Animal();
// 定义Dog对象的原型对象的方法
Dog.prototype.sayAge = function () {
    console.log(this.age);
};
// 创建Dog对象的实例d1
var d1 = new Dog("zhangsan", 29);
d1.categorys.push("dog");
console.log(d1.categorys);
d1.sayName();
d1.sayAge()
// 创建Dog对象的实例d2
var d2 = new Dog("zhaoliu", 12);
d2.categorys.push("rabbit",'pig');
console.log(d1.categorys);
d2.sayName();
d2.sayAge()
// 总结:组合继承通过原型链继承原型上的属性和方法,经典函数继承实例属性和引用值类型,弥补了原型链继承和经典继承的不足,是javaScript中使用最多的继承模式