在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

The Answer

从这里的回复可以清楚地看出,没有内置的方法可以通过new接线员拨打.apply().然而,人们对这个问题提出了一些非常有趣的解决方案.

我首选的解决方案是this one from Matthew Crumley(我已经修改它,使其通过arguments属性):

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

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

推荐答案

有了ECMAScript 5,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-based solution是唯一始终有效的,即使使用Date这样的特殊构造函数:

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

edit

稍微解释一下: 我们需要在接受有限数量参数的函数上运行new.bind方法允许我们这样做:

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

anything参数无关紧要,因为new关键字会重置f的上下文.然而,出于句法上的原因,它是必需的.现在,对于bind调用:我们需要传递一个可变数量的参数,这样做的诀窍是:

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

让我们将其封装在一个函数中.Cls作为参数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代替它,我们就会得到如上的最终结果.

Javascript相关问答推荐

使用JavaScript单击上一个或下一个特定按钮创建卡滑动器以滑动单个卡

是否有方法在OpenWeatherMap API中获取过go 的降水数据?

扫描qr code后出错whatter—web.js

使用javascript将Plotly Expandable Sparkline转换为HighCharter Plot在bslib卡中

将2D数组转换为图形

Angular material 拖放堆叠的牌副,悬停时自动展开&

如何粗体匹配的字母时输入搜索框使用javascript?

在服务器上放置了Create Reaction App Build之后的空白页面

从Node JS将对象数组中的数据插入Postgres表

简单的PayPal按钮集成导致404错误

如何强制Sphinx中的自定义js/css文件始终加载更改而不缓存?

在Matter.js中添加从点A到另一个约束的约束

TinyMCE 6导致Data:Image对象通过提供的脚本过度上载

try 将Redux工具包与MUI ToggleButtonGroup组件一起使用时出错

Docent.cloneNode(TRUE)不克隆用户输入

使用API调用的VUE 3键盘输入同步问题

TypeORM QueryBuilder限制联接到一条记录

Firebase函数中的FireStore WHERE子句无法执行

将字体样式应用于material -UI条形图图例

我想为我的Reaction项目在画布上加载图像/视频,图像正在工作,但视频没有