JavaScript将.apply（）与'new'运算符配合使用。这可能吗？

小编典典

JavaScript将.apply（）与'new'运算符配合使用。这可能吗？

javascript

在JavaScript中，我想创建一个对象实例（通过new运算符），但是将任意数量的参数传递给构造函数。这可能吗？

我想做的是这样的（但是下面的代码不起作用）：

function Something(){
    // init stuff
}
function createSomething(){
    return new Something.apply(null, arguments);
}
var s = createSomething(a,b,c); // 's' is an instance of Something

答案

从这里的响应中可以明显看出，没有内置的方法可以.apply()与new接线员通话。但是，人们提出了一些非常有趣的解决方案。

我更喜欢的解决方案是MatthewCrumley提出的解决方案（我已对其进行了修改以通过该arguments属性）：

var createSomething = (function() {
    function F(args) {
        return Something.apply(this, args);
    }
    F.prototype = Something.prototype;

    return function() {
        return new F(arguments);
    }
})();

阅读 423

2020-04-25

共1个答案

小编典典

使用ECMAScript5可以使Function.prototype.bind事情变得非常干净：

function newCall(Cls) {
    return new (Function.prototype.bind.apply(Cls, arguments));
    // or even
    // return new (Cls.bind.apply(Cls, arguments));
    // if you know that Cls.bind has not been overwritten
}

可以如下使用：

var s = newCall(Something, a, b, c);

甚至直接：

var s = new (Function.prototype.bind.call(Something, null, a, b, c));

var s = new (Function.prototype.bind.apply(Something, [null, a, b, c]));

即使基于特殊的构造函数，此方法和基于eval的解决方案仍然是唯一可以正常工作的解决方案Date：

var date = newCall(Date, 2012, 1);
console.log(date instanceof Date); // true

编辑

一点解释：我们需要new在一个带有有限数量参数的函数上运行。该bind方法允许我们这样做：

var f = Cls.bind(anything, arg1, arg2, ...);
result = new f();

该anything参数无关紧要，因为new关键字resetf的上下文。但是，出于语法原因，它是必需的。现在，进行bind调用：我们需要传递可变数量的参数，所以就可以了：

var f = Cls.bind.apply(Cls, [anything, arg1, arg2, ...]);
result = new f();

让我们将其包装在一个函数中。Cls被作为arugment 0传递，它将成为我们的anything。

function newCall(Cls /*, arg1, arg2, ... */) {
    var f = Cls.bind.apply(Cls, arguments);
    return new f();
}

实际上，f根本不需要临时变量：

function newCall(Cls /*, arg1, arg2, ... */) {
    return new (Cls.bind.apply(Cls, arguments))();
}

最后，我们应该确保这bind确实是我们所需要的。（Cls.bind可能已被覆盖）。因此，将其替换为Function.prototype.bind，我们得到的最终结果如上所述。

2020-04-25