86

我怎样才能概括下面的函数来接受 N 个参数？（使用呼叫或申请？）

是否有一种编程方式将参数应用于“新”？我不希望构造函数被视为普通函数。

/**
 * This higher level function takes a constructor and arguments
 * and returns a function, which when called will return the 
 * lazily constructed value.
 * 
 * All the arguments, except the first are pased to the constructor.
 * 
 * @param {Function} constructor
 */ 

function conthunktor(Constructor) {
    var args = Array.prototype.slice.call(arguments, 1);
    return function() {
        console.log(args);
        if (args.length === 0) {
            return new Constructor();
        }
        if (args.length === 1) {
            return new Constructor(args[0]);
        }
        if (args.length === 2) {
            return new Constructor(args[0], args[1]);
        }
        if (args.length === 3) {
            return new Constructor(args[0], args[1], args[2]);
        }
        throw("too many arguments");    
    }
}

q单元测试：

test("conthunktorTest", function() {
    function MyConstructor(arg0, arg1) {
        this.arg0 = arg0;
        this.arg1 = arg1;
    }
    MyConstructor.prototype.toString = function() {
        return this.arg0 + " " + this.arg1;
    }

    var thunk = conthunktor(MyConstructor, "hello", "world");
    var my_object = thunk();
    deepEqual(my_object.toString(), "hello world");
});
4

7 回答 7

98

这就是你的做法：

function applyToConstructor(constructor, argArray) {
    var args = [null].concat(argArray);
    var factoryFunction = constructor.bind.apply(constructor, args);
    return new factoryFunction();
}

var d = applyToConstructor(Date, [2008, 10, 8, 00, 16, 34, 254]);

通话稍微容易一些

function callConstructor(constructor) {
    var factoryFunction = constructor.bind.apply(constructor, arguments);
    return new factoryFunction();
}

var d = callConstructor(Date, 2008, 10, 8, 00, 16, 34, 254);

您可以使用其中任何一个来创建工厂函数：

var dateFactory = applyToConstructor.bind(null, Date)
var d = dateFactory([2008, 10, 8, 00, 16, 34, 254]);

或者

var dateFactory = callConstructor.bind(null, Date)
var d = dateFactory(2008, 10, 8, 00, 16, 34, 254);

它适用于任何构造函数，而不仅仅是内置函数或可以兼作函数的构造函数（如 Date）。

但是它确实需要 Ecmascript 5 .bind 函数。垫片可能无法正常工作。

一种不同的方法，更像是其他一些答案的风格，是创建内置的函数版本new。这不适用于所有内置函数（如 Date）。

function neu(constructor) {
    // http://www.ecma-international.org/ecma-262/5.1/#sec-13.2.2
    var instance = Object.create(constructor.prototype);
    var result = constructor.apply(instance, Array.prototype.slice.call(arguments, 1));

    // The ECMAScript language types are Undefined, Null, Boolean, String, Number, and Object.
    return (result !== null && typeof result === 'object') ? result : instance;
}

function Person(first, last) {this.first = first;this.last = last};
Person.prototype.hi = function(){console.log(this.first, this.last);};

var p = neu(Person, "Neo", "Anderson");

现在，您当然可以照常做or.apply或.callon .bind。neu

例如：

var personFactory = neu.bind(null, Person);
var d = personFactory("Harry", "Potter");

我觉得我给出的第一个解决方案更好，因为它不依赖于您正确复制内置函数的语义，并且它可以与内置函数一起正常工作。

于 2013-01-17T11:51:09.310 回答
50

试试这个：

function conthunktor(Constructor) {
    var args = Array.prototype.slice.call(arguments, 1);
    return function() {

         var Temp = function(){}, // temporary constructor
             inst, ret; // other vars

         // Give the Temp constructor the Constructor's prototype
         Temp.prototype = Constructor.prototype;

         // Create a new instance
         inst = new Temp;

         // Call the original Constructor with the temp
         // instance as its context (i.e. its 'this' value)
         ret = Constructor.apply(inst, args);

         // If an object has been returned then return it otherwise
         // return the original instance.
         // (consistent with behaviour of the new operator)
         return Object(ret) === ret ? ret : inst;

    }
}
于 2010-07-29T12:53:20.480 回答
14

此功能new在所有情况下都相同。不过，它可能会比 999 的答案慢很多，因此请仅在您确实需要时使用它。

function applyConstructor(ctor, args) {
    var a = [];
    for (var i = 0; i < args.length; i++)
        a[i] = 'args[' + i + ']';
    return eval('new ctor(' + a.join() + ')');
}

更新：一旦 ES6 支持得到广泛支持，你就可以这样写：

function applyConstructor(ctor, args) {
    return new ctor(...args);
}

...但您不需要这样做，因为标准库函数Reflect.construct()完全符合您的要求！

于 2011-12-12T17:10:52.500 回答
5

在 ECMAScript 6 中，您可以使用扩展运算符将带有 new 关键字的构造函数应用于参数数组：

var dateFields = [2014, 09, 20, 19, 31, 59, 999];
var date = new Date(...dateFields);
console.log(date);  // Date 2014-10-20T15:01:59.999Z
于 2014-09-20T15:03:33.943 回答
4

另一种方法，需要修改被调用的实际构造函数，但对我来说似乎比使用 eval() 或在构造链中引入新的虚拟函数更干净......保持你的 conthunktor 函数像

function conthunktor(Constructor) {
  // Call the constructor
  return Constructor.apply(null, Array.prototype.slice.call(arguments, 1));
}

并修改被调用的构造函数......

function MyConstructor(a, b, c) {
  if(!(this instanceof MyConstructor)) {
    return new MyConstructor(a, b, c);
  }
  this.a = a;
  this.b = b;
  this.c = c;
  // The rest of your constructor...
}

所以你可以试试：

var myInstance = conthunktor(MyConstructor, 1, 2, 3);

var sum = myInstance.a + myInstance.b + myInstance.c; // sum is 6
于 2013-02-04T15:17:55.427 回答
3

Object.create如果不可用，使用临时构造函数似乎是最好的解决方案。

如果Object.create可用，那么使用它是一个更好的选择。在 Node.js 上，使用Object.create会产生更快的代码。这是一个如何使用的示例Object.create：

function applyToConstructor(ctor, args) {
    var new_obj = Object.create(ctor.prototype);
    var ctor_ret = ctor.apply(new_obj, args);

    // Some constructors return a value; make sure to use it!
    return ctor_ret !== undefined ? ctor_ret: new_obj;
}

（显然，args参数是要应用的参数列表。）

我有一段代码，最初用于eval读取由另一个工具创建的一段数据。（是的，eval是邪恶的。）这将实例化一棵包含数百到数千个元素的树。基本上，JavaScript 引擎负责解析和执行一堆new ...(...)表达式。我将我的系统转换为解析 JSON 结构，这意味着我必须让我的代码确定为树中的每种类型的对象调用哪个构造函数。eval当我在我的测试套件中运行新代码时，我惊讶地发现相对于版本的速度急剧下降。

  1. eval带有版本的测试套件： 1 秒。
  2. 带有 JSON 版本的测试套件，使用临时构造函数：5 秒。
  3. 带有 JSON 版本的测试套件，使用Object.create：1 秒。

测试套件创建多个树。我计算出我的applytoConstructor函数在测试套件运行时被调用了大约 125,000 次。

于 2013-05-13T16:59:47.343 回答
1

这种情况有一个可重复使用的解决方案。对于您希望使用 apply 或 call 方法调用的每个类，您必须先调用 convertToAllowApply('classNameInString'); Class 必须在同一个 Scoope o global scoope 中（例如，我不尝试发送 ns.className ......）

有代码：

function convertToAllowApply(kName){
    var n = '\n', t = '\t';
    var scrit = 
        'var oldKlass = ' + kName + ';' + n +
        kName + '.prototype.__Creates__ = oldKlass;' + n +

        kName + ' = function(){' + n +
            t + 'if(!(this instanceof ' + kName + ')){'+ n +
                t + t + 'obj = new ' + kName + ';'+ n +
                t + t + kName + '.prototype.__Creates__.apply(obj, arguments);'+ n +
                t + t + 'return obj;' + n +
            t + '}' + n +
        '}' + n +
        kName + '.prototype = oldKlass.prototype;';

    var convert = new Function(scrit);

    convert();
}

// USE CASE:

myKlass = function(){
    this.data = Array.prototype.slice.call(arguments,0);
    console.log('this: ', this);
}

myKlass.prototype.prop = 'myName is myKlass';
myKlass.prototype.method = function(){
    console.log(this);
}

convertToAllowApply('myKlass');

var t1 = myKlass.apply(null, [1,2,3]);
console.log('t1 is: ', t1);
于 2013-04-03T12:01:30.713 回答