码迷,mamicode.com
首页 > 其他好文 > 详细

面向对象----继承

时间:2017-09-08 23:02:12      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:函数   on()   pre   原型   lex   com   原型链   构造   属性   

技术分享

 

三、 组合继承 (原型链和借用构造函数的技术组合到一起) 

```javascript
function SuperType(name){
this.name = name;
this.colors = [‘red‘,‘yellow‘];
}

SuperType.prototype.sayName = function(){
alert(this.name)
}

function SubType(name,age){
// 继承属性 
SuperType.call(this,name);
this.age = age;
}

//继承方法
SubType.prototype = new SuperType();
SubType.prototype.constructor = SubType;
SubType.prototype.sayAge = function(){
alert(this.age);
}

var a = new SubType("Alex",18);
var b = new SubType("John",21);
a.colors.push("black");
console.log(a.colors)//[‘red‘,‘yellow‘,‘black‘];
a.sayName();//Alex
a.sayAge();//18

b.colors;//["red","yellow"];

  四、寄生组合式继承(集寄生式继承和组合继承的优点于一身,是实现基于类型继承的最有效方式)

function SuperType(name){
		  	 this.name = name;
		  }
		  
		  SuperType.prototype.sayName = function(){
		  	   alert(this.name);
		  }
		  
		  function SubType(name,age){
		  	   SuperType.call(this,name);
		  	   this.age = age;
		  }
		  
		  function object(o){
		  	 function F(){};
		  	 F.prototype = o;
		  	 return new F();
		  }
		  
		  function inheritProtyotype(sub,parent){
		  	  var prototype = object(parent.prototype);
		  	  prototype.constructor = sub;
		  	  sun.prototype = prototype;
		  }

  

面向对象----继承

标签:函数   on()   pre   原型   lex   com   原型链   构造   属性   

原文地址:http://www.cnblogs.com/zhangxiaofei/p/7496491.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!