使用.apply()和'new'操作符。这可能吗?

在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

这个问题的答案

从这里的响应可以清楚地看出，没有内置的方法可以使用new操作符调用.apply()。然而，人们对这个问题提出了许多非常有趣的解决方案。

我更喜欢的解决方案是来自Matthew Crumley的这个(我修改了它来传递arguments属性):

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

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

当前回答

这一行代码可以做到:

new (Function.prototype.bind.apply(Something, [null].concat(arguments)));

2015-07-10 12:43:08

其他回答

同样有趣的是，如何通过使用参数来解决重用临时F()构造函数的问题。Callee，也就是创建者/工厂函数本身: http://www.dhtmlkitchen.com/?category=/JavaScript/&date=2008/05/11/&entry=Decorator-Factory-Aspect

2011-05-20 16:08:42

改良版的@Matthew的回答。这种形式具有将临时类存储在闭包中所获得的轻微性能优势，以及可以使用一个函数创建任何类的灵活性

var applyCtor = function(){
    var tempCtor = function() {};
    return function(ctor, args){
        tempCtor.prototype = ctor.prototype;
        var instance = new tempCtor();
        ctor.prototype.constructor.apply(instance,args);
        return instance;
    }
}();

这将通过调用applyCtor(类，[arg1, arg2, argn])来使用;

2010-12-07 09:05:20

这个工作!

var cls = Array; //eval('Array'); dynamically
var data = [2];
new cls(...data);

2017-02-03 15:33:06

这难道不行吗?半睡半醒，没有仔细读书。

var Storage = undefined;

return ((Storage = (new Something(...))) == undefined? (undefined) : (Storage.apply(...)));

2011-05-20 17:04:05

function F(a){this.a=a}
Z=F;
f=Function('return new function '+F.name+' ()
{return  Z.apply(this,[1]) } ').call()
console.log(f)

function F(a){this.a=a} 
f= new function(){return F.apply(this,[1])} 
console.log(f)

2016-03-10 18:25:46

使用.apply()和'new'操作符。这可能吗?

推荐文章

最新文章

标签