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