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

今天药忘吃喽~ 2022-06-10 07:10 304阅读 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 条评论，304人围观）

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

相关阅读

相关组合继承

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

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

相关 JS 组合继承

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

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

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

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

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

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

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

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

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

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

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

相关 js继承之混入式继承

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

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

相关组合和继承

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

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

相关 JavaScript -- 组合继承

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

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

相关组合继承代理

要想复用代码，java中有两种方式。一种只需在新类中产生现有类的对象。由于新的类是由现有类的对象组成，所以这种方法称为组合；另一种方式按照现有类的类型来创建新类，无需改变现有类

妖狐艹你老母/ 2022年03月15日 10:52/ 0 赞/ 248 阅读

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

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

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