javascript 的七种继承方式（三）组合继承

组合继承

前面两篇我们了解到：原型链继承存在着引用类型问题，而借用构造函数又无法实现函数复用和原型方法继承的问题。那么能不能把两者结合一下，取其精华，弃其糟粕？答案是肯定的。那就是接下来我们要介绍的组合继承。

组合继承有时候也叫做伪经典继承，指的是将原型链和借用构造函数的技术组合到一起，从而发挥二者之长的一种继承模式。其思路就是使用原型链实现对原型属性和方法的继承。而通过借用构造函数来实现对实例属性的继承。这样既通过在原型上定义方法实现函数复用，又能保证每个实例都有它自己的属性。下面来看一个例子

function Father(name){this.name = name;this.colors = ['red','pink','green'];
}Father.prototype.sayName = function(){console.log(this.name)
}function Son(name, age){//属性继承Father.call(this, name);this.age = age;
}//方法继承
Son.prototype = new Father();
Son.prototype.sayAge = function(){console.log(this.age);
}var son1 = new Son('Alvin', 28);
son1.colors.push('yellow');
console.log(son1.colors); // red,pink,green,yellow
son1.sayName(); //Alvin
son2.sayAge(); //28var son2 = new Son('Semon', 29);
console.log(son2.colors);//red,pink,green
son2.sayName(); //Semon
son2.sayAge(); //29

在这个例子中，Father构造函数定义了两个属性：name和colors， Father的原型定义了一个方法sayName()。Son构造函数在调用Father的构造函数时传入了name参数，紧接着又定义了它自己的属性age。然后将Father的实例赋值给Son的原型，然后又在该新原型上定义了方法sayAge()。这样一来就可以让两个不同的Son实例既分别拥有自己的属性，又可以使用相同的方法了。

组合继承避免了原型链和借用构造函数的缺陷，融合了它们的有点，成为JavaScript中最长用的继承模式。

javascript 的七种继承方式（三）组合继承相关推荐

JavaScript中七种函数调用方式及对应 this 的含义
http://blog.sina.com.cn/s/blog_621f1e120100rj21.html this 在 JavaScript 开发中占有相当重要的地位,不过很多人对this这个东西都感 ...
JS中对象的四种继承方式：class继承、原型链继承、构造函数继承、组合继承（构造函数和原型链继承的结合）
前言才发现之前没有对JavaScript中的继承做过总结,不过看得到是不少,接下来就对这几种继承方式做一下总结. class继承 class继承是ES6引入的标准的继承方式. ES6引入了class ...
详细解析JavaScript中的继承（包括组合继承和寄生式继承）
继承:相信很多学习过Java等面向对象语言的同学,都会接触过继承,它们实现继承的主要方式是接口继承和实现继承.但由于JavaScript函数没有签名,所以无法实现接口继承.ECMAScript支持实现 ...
知识付费的七种变现方式
知识付费的七种变现方式. 一在线问答以文字.音频.视频等方式来对提问者的问题进行回答.只要你在某些领域有丰富的知识积累,那么你的回答就能得到提问者的青睐,就可以赚取相应的佣金.不过这种收益方式效果甚 ...
【数据库视频】七种连接方式
数据表的查询与管理只是针对数据库中的一个表格进行的查询管理,如果现在我们想要同时的看到两个数据表中的数据的或,需要怎么实现?答案是:使用多连接的方式进行查询标题中说了SQL中有七种连接的方式,那么具 ...
JavaScript学习（五十五）—组合继承
JavaScript学习(五十五)-组合继承组合继承:就是借用构造方法继承和原型链继承的组合形式
C++继承机制(三)——多继承、菱形继承、虚继承原理
目录: C++继承机制(一)--基本语法.三种继承方式.继承哪些数据 C++继承机制(二)--继承中的构造和析构顺序.继承同名成员的处理方式 C++继承机制(三)--多继承.菱形继承.虚继承原理本篇 ...
数据库的七种传播方式
其实数据库的七种传播行为在网上查询了一下,和Spring中使用到的7种事务传播行为是没什么差别的,因为我写的博文基本和JAVA有相关,所以就结合Spring中事务传播和例子来讲一下咯. 事务传播行为如 ...

javascript 的七种继承方式（三）组合继承

组合继承

javascript 的七种继承方式（三）组合继承相关推荐

最新文章

热门文章