js繼承之一（借用建構函式）

標籤：副本   如何   拷貝   div   對象   rip   傳遞參數   on()   color   

現在，已經知道了原型對象，原型鏈的實現，原型鏈式繼承的缺陷;那麼如何避免這個缺陷？

在子類中借用父類的建構函式

//定義一個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);      }}//car類需要繼承自carmodel，汽車共有的屬性color放在carmodel上Car.prototype=new CarModel();var car1=new Car("豐田");console.log(car1);

　　結果：

 

達到的效果相當於，子類拷貝了一份父類的方法和屬性，加上自己的方法和屬性；

優點：

1. 解決了原型鏈式繼承中，修改父類引用屬性的問題
2. 能夠向父類建構函式傳遞參數了

缺點：

1. 執行個體並不是父類的執行個體，只是子類的執行個體！
2. 無法實現函數複用，每個子類都有父類執行個體函數的副本

 

js繼承之一（借用建構函式）