首页 > Web开发 > 详细

js继承之四(寄生组合式继承)

时间:2017-04-16 16:17:07      阅读:177      评论:0      收藏:0      [点我收藏+]

 

组合式继承尽管很优秀,但是还是有一个地方算完美调用父类构造函数调用了两次也就是实例化了两个父类对象

技术分享

从这个结果可以发现,父类实例中的属性和方法其实子类已经有了,再添加进来未免多此一举;所以这就是优化的点

function CarModel(c){
      this.color=c||"白色";
      this.arr=[1,2,3];
      this.getColor=function(){
	        console.log(‘我的颜色是‘+this.color);
      }
}
CarModel.prototype.test="lla";
function Car(brand){
	 CarModel.call(this);//借用构造函数    继承构造函数的属性
	 this.brand=brand;
     this.getBrand=function(){
	      console.log(‘我的品牌是‘+this.brand);
      }
}

Car.prototype=Object.create(CarModel.prototype); //原型链模式  继承原型对象上的属性
/*(function(){
  // 创建一个没有实例方法的类
  var Super = function(){};
  Super.prototype = CarModel.prototype;
  //将实例作为子类的原型
  Car.prototype = new Super();
})();*/
var car1=new Car("丰田");

console.log(car1);

 上面有两种方式,注释掉的也是一种方式效果:

技术分享

父类没有实例化属性了

 

js继承之四(寄生组合式继承)

原文:http://www.cnblogs.com/llauser/p/6718958.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!