js继承之-----组合继承

今天药忘吃喽~ 2022-06-10 07:10 369阅读 0赞

组合继承(combination inheritance),有时候也叫做伪经典继承，指的是讲原型链和借用构造函数的技术组合到一起，从而发挥二者之长。

思路：是使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。这样，通过在原型上定义方法来实现

了函数复用，又能够保证每个实例都有自己的属性，如下代码：

<script type="text/javascript">
    	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;
    	}
    	//继承方法
    	SubType.prototype = new SuperType();
    
    	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();
    	instance1.sayAge();
    
    	var instance2 = new SubType("Greg",29);
    	alert(instance2.colors);//red,blue,green
    	instance2.sayName();
    	instance2.sayAge();
      </script>

组合继承避免了原型链和借用构造函数的缺点，融合了他们的优点，成为JAVASCRIPT中最常用的继承方式。

而且instancof和isPrototypeOf()也能够用于识别基于组合继承创建的对象。

发表评论取消回复

表情：

评论列表（有 0 条评论，369人围观）

还没有评论，来说两句吧...

相关阅读

相关 js之继承

前言继承在js中占有非常重要的地位，那么在js中有很多中继承的方式，不过每一种继承方式都有优缺点。下面就列举几种继承的方式。实现继承首先需要一个父类，在js中实际上

淡淡的烟草味﹌/ 2023年03月01日 12:49/ 0 赞/ 56 阅读

相关组合继承

// 组合继承 function father(){ this.money = 10000000000000; this.hou

男娘i/ 2022年11月07日 04:17/ 0 赞/ 289 阅读

相关 JS 组合继承

JS 组合继承 <!DOCTYPE html> <html lang="en"> <head> <meta c

骑猪看日落/ 2022年11月01日 13:53/ 0 赞/ 292 阅读

相关 js继承6-----寄生组合式继承

组合继承是Javascript最常用的继承模式；不过，他也有自己的不足。组合继承最大的问题就是无论什么情况下，都会调用两次超类型构造函数：一次是在创建子类型原型的时候，另一

朱雀/ 2022年06月10日 10:43/ 0 赞/ 320 阅读

相关 js继承之------原型式继承

借助原型可以基于已有的对象创建新对象，同时还不必因此常见自定义类型。为了达到这个目的，他给出了如下函数： function object(o){

清疚/ 2022年06月10日 10:21/ 0 赞/ 309 阅读

相关 js继承之-----组合继承

组合继承(combination inheritance),有时候也叫做伪经典继承，指的是讲原型链和借用构造函数的技术组合到一起，从而发挥二者之长。思路：是使用原型链实现对

今天药忘吃喽~/ 2022年06月10日 07:10/ 0 赞/ 370 阅读

相关 js继承之混入式继承

1.运用场景：假设有两个对象o1，o2，如果要把o2的方法和属性拷贝到o1中，混入式继承是最简便的方法之一 2.实现方式：用for…in…的方式遍历o2对象的属性和方法

系统管理员/ 2022年05月30日 12:35/ 0 赞/ 259 阅读

相关组合和继承

来自java编程思想中文版，第四版；页码：P5 young-youth 写于：2018年3月16日15:25:13

╰半橙微兮°/ 2022年05月29日 04:08/ 0 赞/ 352 阅读

相关 JavaScript -- 组合继承

使用原型链来实现继承，看如下代码 function SuperType(){ this.colors = ["red", "blue", "gree

分手后的思念是犯贱/ 2022年04月04日 10:16/ 0 赞/ 356 阅读

相关 javascript的继承——组合继承

组合继承是指子类同时对父类进行原型链继承和构造函数继承，也是实际开发中常用的继承方式。如果对原型链继承和构造函数继承还不清楚的同学可以点下面的传送门：原型链继承：[传送门]

柔情只为你懂/ 2021年12月05日 20:47/ 0 赞/ 530 阅读