js继承之一(借用构造函数)

时间:2022-03-16 19:29:39

现在,已经知道了原型对象,原型链的实现,原型链式继承的缺陷;那么如何避免这个缺陷?

在子类中借用父类的构造函数

//定义一个CarModel类
function CarModel(c){
this.color=c||"白色";
this.arr=[1,2,3];
this.getColor=function(){
console.log('我的颜色是'+this.color);
}
}
//car类有自己的属性,比如品牌
function Car(brand){
CarModel.call(this);//借用父类的构造函数
this.brand=brand;
this.getBrand=function(){
console.log('我的品牌是'+this.brand);
}
}

var car1=new Car("丰田");

console.log(car1);

 

达到的效果相当于,子类拷贝了一份父类的方法和属性,加上自己的方法和属性;

优点:

  1. 解决了原型链式继承中,修改父类引用属性的问题
  2. 能够向父类构造函数传递参数了

缺点:

  1. 实例并不是父类的实例,只是子类的实例!
  2. 无法实现函数复用,每个子类都有父类实例函数的副本