如何解决JavaScript将.apply与'new'运算符配合使用这可能吗?
使用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
,我们得到的最终结果如上所述。
解决方法
在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);
}
})();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。