Как я могу создать объект, используя массив значений для параметров, а не перечисляя их в JavaScript?

StackOverflow https://stackoverflow.com/questions/813383

Вопрос

Возможно ли это?Я создаю единую базовую фабричную функцию для управления фабриками разных типов (но имеющих некоторое сходство), и я хочу иметь возможность передавать аргументы в виде массива базовой фабрике, которая затем, возможно, создает экземпляр нового объекта, заполняющий аргументы конструктора соответствующего класса через массив.

В JavaScript можно использовать массив для вызова функции с несколькими аргументами с помощью метода apply:

namespace.myFunc = function(arg1, arg2) { //do something; }
var result = namespace.myFunc("arg1","arg2");
//this is the same as above:
var r = [ "arg1","arg2" ];
var result = myFunc.apply(namespace, r);

Не похоже, что в любом случае можно создать экземпляр объекта с помощью apply, не так ли?

Что-то вроде (это не работает):

var instance = new MyClass.apply(namespace, r);
Это было полезно?

Решение

Попробуйте это: 

var instance = {};
MyClass.apply( instance, r);

Все ключевые слова " новые " В этом случае передается новый объект конструктору, который затем становится переменной this внутри функции конструктора.

В зависимости от того, как был написан конструктор, вам может потребоваться сделать следующее: 

var instance = {};
var returned = MyClass.apply( instance, args);
if( returned != null) {
    instance = returned;
}

Обновление: комментарий говорит, что это не работает, если есть прототип. Попробуйте это. 

function newApply(class, args) {
    function F() {
        return class.apply(this, args);
    }
    F.prototype = class.prototype;
    return new F();
}

newApply( MyClass, args);

Другие советы

Обратите внимание , что

  • new myClass()

    без каких-либо аргументов может произойти сбой, поскольку функция-конструктор может полагаться на существование аргументов.

  • myClass.apply(something, args)

    во многих случаях произойдет сбой, особенно если вызывается в собственных классах, таких как Date или Number.

Я знаю, что "оценка - это зло", но в этом случае вы можете попробовать следующее:

function newApply(Cls, args) {
    var argsWrapper = [];
    for (var i = 0; i < args.length; i++) {
        argsWrapper.push('args[' + i + ']');
    }
    eval('var inst = new Cls(' + argsWrapper.join(',') + ');' );
    return inst;
}

Все очень просто.

(Это работает так же, как Instance.New в это сообщение в блоге)

Хаки есть хаки есть хаки, но, возможно, этот вариант немного элегантнее некоторых других, поскольку синтаксис вызова был бы похож на тот, который вы хотите, и вам вообще не нужно было бы изменять исходные классы:

Function.prototype.build = function(parameterArray) {
    var functionNameResults = (/function (.{1,})\(/).exec(this.toString());
    var constructorName = (functionNameResults && functionNameResults.length > 1) ? functionNameResults[1] : "";
    var builtObject = null;
    if(constructorName != "") {
       var parameterNameValues = {}, parameterNames = [];
       for(var i = 0; i < parameterArray.length; i++) {
         var parameterName = ("p_" + i);
         parameterNameValues[parameterName] = parameterArray[i];
         parameterNames.push(("parameterNameValues." + parameterName));
       }
       builtObject = (new Function("parameterNameValues", "return new " + constructorName + "(" + parameterNames.join(",") + ");"))(parameterNameValues);
    }
    return builtObject;
};

Теперь вы можете выполнить любое из этих действий для создания объекта:

var instance1 = MyClass.build(["arg1","arg2"]);
var instance2 = new MyClass("arg1","arg2");

Конечно, некоторым может не понравиться изменение прототипа объекта Function, поэтому вы можете сделать это таким образом и вместо этого использовать его как функцию:

function build(constructorFunction, parameterArray) {
    var functionNameResults = (/function (.{1,})\(/).exec(constructorFunction.toString());
    var constructorName = (functionNameResults && functionNameResults.length > 1) ? functionNameResults[1] : "";
    var builtObject = null;
    if(constructorName != "") {
       var parameterNameValues = {}, parameterNames = [];
       for(var i = 0; i < parameterArray.length; i++) {
         var parameterName = ("p_" + i);
         parameterNameValues[parameterName] = parameterArray[i];
         parameterNames.push(("parameterNameValues." + parameterName));
       }
       builtObject = (new Function("parameterNameValues", "return new " + constructorName + "(" + parameterNames.join(",") + ");"))(parameterNameValues);
    }
    return builtObject;
};

И тогда вы бы назвали это вот так:

var instance1 = build(MyClass, ["arg1","arg2"]);

Итак, я надеюсь, что они кому-то пригодятся - они позволяют вам оставить в покое исходные функции конструктора и получить то, что вам нужно, в одной простой строке кода (в отличие от двух строк, которые вам нужны для выбранного в данный момент решения / обходного пути.

Обратная связь приветствуется и ценится.

Обновить:Еще одна вещь, на которую следует обратить внимание - попробуйте создать экземпляры одного и того же типа с помощью этих разных методов, а затем проверьте, совпадают ли свойства их конструктора - возможно, вы захотите, чтобы это было так, если вам когда-нибудь понадобится проверить тип объекта.То, что я имею в виду, лучше всего иллюстрируется следующим кодом:

function Person(firstName, lastName) {
   this.FirstName = firstName;
   this.LastName = lastName;
}

var p1 = new Person("John", "Doe");
var p2 = Person.build(["Sara", "Lee"]);

var areSameType = (p1.constructor == p2.constructor);

Попробуйте проделать это с некоторыми другими взломами и посмотрите, что получится.В идеале вы хотите, чтобы они были одного типа.

ПРЕДОСТЕРЕЖЕНИЕ:Как отмечено в комментариях, это не будет работать для тех функций конструктора, которые создаются с использованием синтаксиса анонимной функции, т.е. 

MyNamespace.SomeClass = function() { /*...*/ };

Если не вы создаете их вот так:

MyNamespace.SomeClass = function SomeClass() { /*...*/ };

Решение, которое я предоставил выше, может быть вам полезно, а может и нет, вам нужно точно понимать, что вы делаете, чтобы прийти к наилучшему решению для ваших конкретных потребностей, и вы должны быть осведомлены о том, что происходит, чтобы мое решение "работало". Если вы не понимаете, как работает мое решение, потратьте время, чтобы разобраться в нем.

АЛЬТЕРНАТИВНОЕ РЕШЕНИЕ:Не стоит упускать из виду и другие варианты, вот один из других способов, которыми вы могли бы освежевать эту кошку (с аналогичными оговорками к описанному выше подходу), этот немного более эзотерический:

function partial(func/*, 0..n args */) {
   var args = Array.prototype.slice.call(arguments, 1);
   return function() {
      var allArguments = args.concat(Array.prototype.slice.call(arguments));
      return func.apply(this, allArguments);
   };
}

Function.prototype.build = function(args) {
   var constructor = this;
   for(var i = 0; i < args.length; i++) {
      constructor = partial(constructor, args[i]);
   }
   constructor.prototype = this.prototype;
   var builtObject = new constructor();
   builtObject.constructor = this;
   return builtObject;
};

Наслаждайтесь!

как насчет обходного пути? 

function MyClass(arg1, arg2) {

    this.init = function(arg1, arg2){
        //if(arg1 and arg2 not null) do stuff with args
    }

    init(arg1, arg2);
}

Итак, как вы можете: 

var obj = new MyClass();
obj.apply(obj, args);

Одна из возможностей - заставить конструктор работать как обычный вызов функции. 

function MyClass(arg1, arg2) {
    if (!(this instanceof MyClass)) {
        return new MyClass(arg1, arg2);
    }

    // normal constructor here
}

Условие оператора if будет истинным, если вы вызываете MyClass как обычную функцию (в том числе с применением call / , если аргумент this не является объектом MyClass ).

Теперь все они эквивалентны: 

new MyClass(arg1, arg2);
MyClass(arg1, arg2);
MyClass.call(null, arg1, arg2);
MyClass.apply(null, [arg1, arg2]);
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top