您的位置:首页技术文章
文章详情页

JavaScript将.apply()与'new'运算符配合使用这可能吗?

浏览:73日期:2024-05-09 13:28:18
(adsbygoogle = window.adsbygoogle || []).push({}); 如何解决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); }})();

标签: JavaScript