js 中组合继承

function subType(){
  this.addColor = [1,2,3,4,5,6];
}
subType.prototype.showMess = function(){
  console.log(this.addColor)
}
function type(){
   subType.call(this)
}
type.prototype = new subType

subType {addColor: Array[6]}
var t = new type
undefined
t.addColor
[1, 2, 3, 4, 5, 6]
t.showMess()
VM10694:5 [1, 2, 3, 4, 5, 6]
undefined
t.addColor.push(333)
7
t.showMess()
VM10694:5 [1, 2, 3, 4, 5, 6, 333]
undefined
var t2 = new type
undefined
t2.addColor
[1, 2, 3, 4, 5, 6]
t2.showMess()
VM10694:5 [1, 2, 3, 4, 5, 6]

  

时间: 2024-12-18 09:11:06

js 中组合继承的相关文章

JS中的继承方法——组合继承介绍与实践

组合继承是原性链继承和构造函数继承的合体,它汲取了二者各自的有点,同时又互相补充了各自的弱点,是一种应用十分广泛的javascript继承模式.下面分别从原性链继承.构造函数继承分别开始介绍,最后介绍二者的结合--组合继承. 一.原型链:利用原型让一个引用类型继承另一个引用类型的属性和方法 每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针. 实现原性链的基本模式: function SuperType(){ this.property =

JS 中的 继承

许多 OO 语言(面向对象语言)都支持两种继承方式:接口继承和实现继承.接口继承只继承方法名,而实现继承则继承实际的方法. JS只支持实现继承,主要是依靠原型链来实现的. 1.原型链 每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针.那么,我们让原型对象等于另一个类型的实例,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针,如此层层递进,就构成了实例与原型的链条. 一种基本的模式: f

js中的继承问题

1.继承的概念:把别人的拿过来变成自己的,但自己不受影响. 2.js中最基本的继承就是原型继承. 3.原型继承:通过修改子级构造函数的prototype指向父级构造函数的实例对象. function Animal(name){ this.name=name; this.favor=['eating','sleeping']; } Cat.prototype=new Animal('Kitty'); function Cat(color){ this.color=color; } var cat=

详细理解JS中的继承

正式说继承之前,有两个相关小点: JS只支持实现继承,即继承实际的方法,不支持接口继承(即继承方法的签名,但JS中函数没签名) 所有对象都继承了Object.prototype上的属性和方法. 说继承之前还要再说一下原型.原型之所以很重要,原因之一就是可以利用它来实现JavaScript的继承.重写一个函数的原型对象,将其指定为另一个函数的实例,这样便实现了一个简单的原型链继承. 看一个利用原型链来实现继承的基础例子: 1 function Super(){ 2 this.name='super

浅谈JS中的继承

JavaScript本身是一种神马语言: 提到继承,我们常常会联想到C#.java等面向对象的高级语言(当然还有C++),因为存在类的概念使得这些语言在实际的使用中抽象成为一个对象,即面向对象.JavaScript这门语言本身就是作为浏览器脚本语言的弱语言,伴随着没有类的概念,JavaScript就成为了一种基于对象的语言而不是面向对象的语言,面向对象就会存在继承,那么基于对象的JavaScript是如何继承的,老生常谈一下. JavaScript的4种继承方式: (1)原型继承 functio

js中的继承

实现原型链有一种基本模式,其代码大致如下: function A(){ this.property = true; } A.prototype.getAvalue = function(){ return this.property; }; function B(){ this.property = false; } //继承了A B.prototype = new A(); B.prototype.getBvalue = function(){ return this.property; };

js 中的继承

面试的时候总是被问到js的继承,平时都是应用,最近有时间就把js 的继承整理了一下,和java 中的继承做了一下比较,代码如下: js继承有5种实现方式: 1.对象冒充 <script>   function Parent(username){      this.username = username;      this.hello = function(){        alert(this.username);      }    }    function Child(userna

js 中的继承方法

1.原型链继承 核心: 将父类的实例作为子类的原型 function Cat(){ } Cat.prototype = new Animal(); Cat.prototype.name = 'cat'; // Test Code var cat = new Cat(); console.log(cat.name); console.log(cat.eat('fish')); console.log(cat.sleep()); console.log(cat instanceof Animal);

JS中对象继承方式

JS对象继承方式 摘自<JavaScript的对象继承方式,有几种写法>,作者:peakedness 链接:https://my.oschina.net/u/3970421/blog/2872629 方式一:对象冒充 原理:构造函数使用this关键字给所有属性和方法赋值(即采用类声明的构造函数方式).因为构造函数只是一个函数,所以可使Parent构造函数称为Children的方法,然后调用它.Children会收到Parent的构造函数中定义的属性和方法. *** //父类构造函数 var P