.apply方法如何處理（類和原型）

Question

我使用typescript來設計使用Dependencies注入設計模式概念的類。 注射器類的代碼裏面有一行代碼： car.apply（car，[new doors]）; 我們假設要執行主類，那麼我們可以使用（依賴項，方法），因爲我們將它們作爲參數注入它們，但是.apply不會執行該函數！ 那麼究竟發生了什麼？

var car = function(){ 
 
    function car(doorsClass){ 
 
     this.doorsClass = doorsClass; 
 
\t \t this.color('red'); 
 
\t \t this.doorsNum(4); 
 
    } 
 
    car.prototype.color = function(color){ 
 
    \t console.log('Car color is '+color); 
 
    } 
 
    car.prototype.doorsNum = function(doorsNum){ 
 
    \t console.log('Car has '+this.doorsClass.doors(doorsNum)+' doors'); 
 
    } 
 
return car; 
 
} 
 

 
var doors = function(){ 
 
    function doors(){ } 
 
    doors.prototype.doors = function(num){ 
 
\t  return num; 
 
    } 
 
return doors; 
 
} 
 

 
car.apply(car, [new doors]);

Answer 1

有幾件事你的代碼錯誤，主要是做與不執行你的模塊，這樣你的變量，它應該指出的構造實際上指向的模塊。

下一個大問題是，你不能在構造函數上調用apply來創建一個新的實例。有幾種解決方法，根據您的目標Javascript版本，in this Q/A，但下面的作品（我認爲）你的意圖。

var applyCtor = function(){ 
 
    var tempCtor = function() {}; 
 
    return function(ctor, args){ 
 
     tempCtor.prototype = ctor.prototype; 
 
     var instance = new tempCtor(); 
 
     ctor.prototype.constructor.apply(instance,args); 
 
     return instance; 
 
    } 
 
}(); 
 

 
var CarClass = (function(){ 
 
    function car(doorsClass){ 
 
     this.doorsClass = doorsClass; 
 
    } 
 
    car.prototype.color = function(color){ 
 
    \t console.log('Car color is '+color); 
 
    } 
 
    car.prototype.doorsNum = function(doorsNum){ 
 
    \t console.log('Car has '+this.doorsClass.doors(doorsNum)+' doors'); 
 
    } 
 
    return car; 
 
})(); //<-- execute your module 
 

 
var DoorsClass = (function(){ 
 
    function doors(){ } 
 
    doors.prototype.doors = function(num){ 
 
\t  return num; 
 
    } 
 
    return doors; 
 
})();//<-- execute your module 
 

 
// Apply the given ctor with arguments. 
 
var carInstance = applyCtor(CarClass,[new DoorsClass()]); 
 
carInstance.color('red'); 
 
carInstance.doorsNum(4);