如何將任意參數傳遞給javascript構造函數

Question

我想弄清楚如何使用任意數量的參數（從某些其他函數調用傳遞參數）調用構造函數。

我在JavaScript中有一組基和派生對象。其中一個基礎對象的方法稱爲makeNew()，它的工作是創建一個與它所調用的對象類型相同的新對象，並處理與新對象上的普通構造函數相同的所有參數。此makeNew()方法的要點在於，還有其他方法需要創建與當前對象相同類型的新對象，但他們不知道是什麼類型，因爲它可能是從基類繼承的類型。請注意，我不想整個克隆當前對象，而是需要一個相同類型的新對象，但使用不同的初始參數初始化爲構造函數。

的makeNew()簡單的版本是這樣的：

set.prototype.makeNew = function() { 
    return new this.constructor(); 
} 

這適用於創建同一類型，則當前的空對象，因爲如果它是一個繼承的對象類型，然後this.constructor將是繼承的構造和它會做出正確的對象類型。

但是，當我想傳遞任意參數給構造函數，所以正常的構造函數參數可以傳遞給makeNew()，我無法弄清楚如何做到這一點。我嘗試這樣做：

set.prototype.makeNew = function() { 
    return new this.constructor.apply(this, arguments); 
} 

但是，該代碼給了我這個錯誤在Chrome：

Error: function apply() { [native code] } is not a constructor 

不知道如何對任意參數傳遞給構造函數？

Answer 1

我看到它的唯一方法是你必須創建一個方法來將數組分散到參數中。

例如，此方法首先創建新對象，然後使用apply傳播數組。

Function.prototype.construct = function(argArray) { 
    var constr = this; 
    var inst = Object.create(constr.prototype); //creates a new empty object 
    constr.apply(inst, argArray); // triggers the constructor (as a function) 
    return inst; 
}; 

那麼你可以使用

return set.construct(array) 

在http://www.2ality.com/2011/08/spreading.html

注更多（更多）：的Object.create現在可能會在老瀏覽器中運行。使用https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create

Answer 2

如果您可以更改構造函數，這種方式對我來說似乎合法，它依賴於javascript中構造函數，對象和函數之間的微妙差異。現在

function set(arg1, arg2, arg3){ 
    // entered the constructor, `this` = new object (like using Object.create) 
    if(arg1 instanceof Array){ //if arg1 is an array 
     this.constructor.apply(this, arg1); //use apply to spread it 
     // apply now refers to the constructor as a function 
     // notice the reference to `this.constructor`. 
     // This is because `this` no longer refers to the function, 
     // but to the newly created object. 
    }else{ 
     // the actual function. 
     console.log(arg2); 
    } 
} 
new set([1,2,3]) 

它給你找出如何在原型繼承這項工作......他們這樣，我看到它，你必須在每類中複製該代碼。或者讓它繼承：

function set(arg1, arg2, arg3){ 
    if(set.prototype.initCheck.call(this, arg1)){ //this will have to be copied to every inherited class... 
     ///the actual constructor 
    } 
} 
set.prototype.initCheck = function(arg1){ 
    if(arg1 instanceof Array){ //if arg1 is an array 
     this.constructor.apply(this, arg1); //use apply to spread it 
     return false; 
    } 
    return true; 
} 
new set([1,2,3]) 

Answer 3

回答我自己的問題。各種討論導致我對此有幾種可能的解決方案。

如果您控制所有涉及的對象，您可以將所有活動代碼從構造函數中取出並放入.init()方法中並遵循該設計模式。然後，你可以這樣做：

function set() { 
    this.init.apply(arguments); 
} 

set.prototype.init = function() { 
    // process all constructor arguments here 
} 

set.prototype.makeNew = function() { 
    // create object of the same type as what we are 
    // even if it's a derived object type 
    var newSet = new this.constructor() 

    // apply any constructor arguments 
    newSet.init.apply(newSet, arguments); 

    return newSet; 
} 

所有派生類也必須遵循同樣的.init()設計模式，包括他們是否添加或處理的任何構造函數參數本身不僅僅是讓基類處理的構造函數調用基類參數。

---

事實上，在情況下，一個空的構造並沒有做太多，並沒有任何問題，被稱爲兩次，你甚至可以做到這一點：

function set() { 
    // do whatever object initialization from arguments 
    // that the object wants to do 
} 

set.prototype.makeNew = function() { 
    // create object of the same type as what we are 
    // even if it's a derived object type 
    // first time called without any constructor arguments 
    var newSet = new this.constructor(); 

    if (arguments.length) { 
     // apply any constructor arguments 
     // by simply calling the constructor again without "new" 
     // and this time passing it the object we already made 
     // and the arguments we have 
     this.constructor.apply(newSet, arguments); 
    } 

    return newSet; 
}