根據對象創建期間的參數選擇對象所具有的方法集合 - JavaScript

Question

我已經搜索並閱讀了幾個小時，但仍無法理解用於創建具有不同方法選擇的新對象的基本設計模式（具有相同名稱），其取決於其中一個參數。這裏有一些代碼來解釋我正在嘗試做什麼。 歡迎提供所有建議和替代方法。我希望有人能解放我，形成這種無知的雲。 感謝

function BaseConstructor(whichMethods) { 
    if (whichMethods==='a') { 
     // do something to incorporate methodSetA 
    } 
    else if (whichMethods==='b') { 
     // do something to incorporate methodSetB 
    } 

    this.init(); 
}; 

var methodSetA = { 
    init: function() { 
     // do initialisation A way 
    }, 
    speak: function() { 
     alert('i speak AAA way') 
    } 
}; 

var methodSetB = { 
    init: function() { 
     // do initialisation B way 
    }, 
    speak: function(){ 
     alert('i got BBB all the way') 
    } 
}; 

thing = new BaseConstructor('b'); 
// b is an instance of BaseConstructor and has done the bWay init() function 

thing.speak() // return alert 'i got BBB all the way' 

Answer 1

您可以使用工廠函數（，爲您創建合適的對象常規的函數）做這樣的：

function BaseConstructor(whichMethods) { 
    var elem; 
    if (whichMethods==='a') { 
     elem = new MethodSetA(); 
    } else if (whichMethods==='b') { 
     elem = new MethodSetB(); 
    } else { 
     // figure out what to do here if whichMethods is neither of the previous options 
    } 

    elem.init(); 
    return(elem); 
}; 

並調用它作爲一個普通函數調用：

var thing = BaseConstructor('b'); 
thing.speak(); 

注意：new與BaseConstructor()沒有任何用處，因爲它是常規函數調用。

Answer 2

好了，使用 「方法設置」，你可以遍歷並複製到this（here's a demo）做你的方式：

function copy(source, destination) { 
    for(var x in source) { 
     if(source.hasOwnProperty(x)) { 
      destination[x] = source[x]; 
     } 
    } 
} 

function BaseConstructor(whichMethods) { 
    if(whichMethods === 'a') { 
     copy(methodSetA, this); 
    } else if(whichMethods === 'b') { 
     copy(methodSetB, this); 
    } 

    this.init(); 
} 

就個人而言，雖然，我更願意分配直接到this。

Answer 3

您正在尋找工廠模式。 例子：

function objectFactory(whichMethods) { 
     if (whichMethods==='a') { 
      return new objectSetA(); 
     } 
     else if (whichMethods==='b') { 
      return new objectSetB() 
     } 
    }; 
    function objectSetA() { 
     this.init = function() { 
     // do initialisation A way 
     }, 
     this.speak = function() { 
      alert('i speak AAA way') 
     } 
    }; 

    function objectSetB() { 
     this.init = function() { 
     // do initialisation B way 
     }, 
     this.speak = function(){ 
      alert('i got BBB all the way') 
     } 
    }; 
    var thing = objectFactory('b'); 
    thing.speak();