根据对象创建期间的参数选择对象具有哪一组方法 - 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 (这是一个演示）：

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();