将 .apply（）与 “new” 运算符一起使用。这可能吗？

javascript oop inheritance class constructor

2022-08-29 23:10:27

在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

我的首选解决方案是Matthew Crumley的这个（我已经修改了它以传递属性）：arguments

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

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

答案 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

编辑

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

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

这个参数并不重要，因为关键字会重置上下文。但是，出于语法原因，这是必需的。现在，对于调用：我们需要传递可变数量的参数，所以这就可以了：anythingnewfbind

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

让我们将其包装在函数中。作为参数 0 传递，因此它将是我们的 .Clsanything

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

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

答案 2

下面是一个通用解决方案，它可以使用一个参数数组调用任何构造函数（除了在作为函数调用时行为不同的本机构造函数，如、、等）：StringNumberDate

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

通过调用创建的对象将与使用创建的对象相同。construct(Class, [1, 2, 3])new Class(1, 2, 3)

您还可以创建一个更具体的版本，这样就不必每次都传递构造函数。这也稍微高效一些，因为它不需要在每次调用内部函数时都创建一个新的实例。

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

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

像这样创建和调用外部匿名函数的原因是防止函数污染全局命名空间。它有时称为模块模式。F

[更新]

对于那些想要在TypeScript中使用它的人来说，因为如果返回任何内容，TS会给出一个错误：F

function construct(constructor, args) {
    function F() : void {
        constructor.apply(this, args);
    }
    F.prototype = constructor.prototype;
    return new F();
}

将 .apply（） 与 “new” 运算符一起使用。这可能吗？

将 .apply（）与 “new” 运算符一起使用。这可能吗？