在 javascript 中创建对象时动态控制参数

Question

我在 javascript 中有多个 可食用 类，例如：食物、饮料、零食。 每个此类都需要一组不同的参数。我有另一个工厂类，它创建一个发送给它的可食用项目的实例。

我无法弄清楚我们如何使用这个工厂动态选择可食用项目并传递参数（以数组形式）？

我想出了两个解决方案 - 解决方案 1：

var factory = function(eatable, argumentList){
  var obj = new eatable(argumentList);
  return obj
};

这是个问题，因为argumentList是一个数组。

解决方案 2

var factory = function(eatable, argumentList){
  var obj =  eatable.apply({}, argumentList);
  return obj
};

这并没有真正创建可食用类型的对象。

我真正想要的效果 假设我能够将 argumentList 转换为 js 参数类型对象 -

var obj = new eatable(argumentList.toArguments());
obj instanceOf eatable; // should return true

请帮忙！

Answer 1

啊，是的。我以前遇到过这个问题 - 你在 JavaScript 中 can't use new and apply together。之前有人问过类似的问题：Use of .apply() with 'new' operator. Is this possible?

问题很明显——new 是关键字，而不是函数；而apply 只能用于函数。如果new 是一个函数而不是keyword，那么我们可以将它与apply 结合使用。

要了解如何做到这一点，让我们创建一个名为 new 的函数，它的作用与关键字 new 的作用完全相同：

Function.prototype.new = (function () {
    function Factory(constructor, args) {
        return constructor.apply(this, args);
    }

    return function() {
        Factory.prototype = this.prototype;
        return new Factory(this, arguments);
    };
}());

现在不要像下面这样调用构造函数：

var object = new constructor(arg1, ...);

您可以如下调用构造函数：

var object = constructor.new(arg1, ...);

你问这样做有什么好处？嗯，真的很简单。因为new 现在是一个函数而不是关键字，所以您可以将它与apply 结合使用，如下所示：

var object = Function.new.apply(constructor, [arg1, ...]);

因此你的可食用工厂函数现在变为：

var factory = function(eatable, argumentList) {
    var obj = Function.new.apply(eatable, argumentList);
    return obj;
};

编辑：如果您的所有工厂函数都采用eatable 构造函数和argumentList 并返回new.apply(eatable, argumentList)，那么正如Bergi 在他的评论中指出的那样，您可以将factory 定义为改为：

var factory = Function.apply.bind(Function.new);

希望这会有所帮助。

Answer 2

您可以使用Object.create正确设置原型链：

function factory(eatable, argumentList){
    var obj = Object.create(eatable.prototyope);
    return eatable.apply(obj, argumentList) || obj;
}

这基本上就是new operator 所做的。

Answer 3

你可以定义一个函数init来初始化对象。

function Eatable(){

}

Eatable.prototype.init = function(/** arg1, arg2, arg3 **/){
    //  initialize object
}

在工厂函数中

var eatable = new Eatable();
eatable.init.apply(eatable, /** pass arguments array here **/);
return eatable;

Answer 4

您必须提供要应用的上下文，上下文是您尝试将参数应用到的对象。您当前传递的上下文 {} 是 Object 类型

var factory = function(eatable, argumentList){
  var obj =  eatable.apply(new Eatable(), argumentList);
  return obj
};

我不能使用没有多态性的工厂，所以如果你没有以它们扩展 Eatalbe 对象的方式创建那些 eatables，你将无法做到。

Answer 5

实现这一点的另一种方法如下 -

var _bind = Function.prototype.bind;
var factory = function(_constructor, _argumentList){
  var obj = _bind.apply(_constructor, [null].concat(_argumentList));
  return obj
};