根据对象创建期间的参数选择对象所具有的方法集合 - 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();