javascript применить к конструктору, выбрасывая «неправильный формальный параметр» - PullRequest
Новая
       18

javascript применить к конструктору, выбрасывая «неправильный формальный параметр»

24 голосов
/ 24 декабря 2009

благодаря чудесным ответам на этот вопрос Я понимаю, как вызывать функции javascript с помощью varargs.

сейчас я хочу использовать применить с конструктором

Я нашел интересную информацию в этом сообщении .

но мой код выдает ошибки

попытка 1: 

var mid_parser = new Parser.apply(null, mid_patterns);

ошибка: 

TypeError: Function.prototype.apply called on incompatible [object Object]

попытка 2: попытка 1: 

var mid_parser = new Parser.prototype.apply(null, mid_patterns);

ошибка: 

TypeError: Function.prototype.apply called on incompatible [object Object]

попытка 2: 

function Parser()
{
    this.comparemanager = new CompareManager(arguments);
}

mid_patterns = [objA,objB,objC]
var mid_parser = new Parser();
Parser.constructor.apply(mid_parser, mid_patterns);

ошибка: 

syntax_model.js:91: SyntaxError: malformed formal parameter

попытка 3: 

var mid_parser = Parser.apply(null, mid_patterns);

ошибка: 

TypeError: this.init is undefined // init is a function of Parser.prototype

В настоящее время у меня есть обходной путь: 

function Parser()
{
    if(arguments.length) this.init.call(this,arguments); // call init only if arguments
}
Parser.prototype = {
   //...
   init: function()
   {
         this.comparemanager = new CompareManager(arguments);
   }
   //...
}

var normal parser = new Parser(objA,objB,objC);

mid_patterns = [objA,objB,objC]
var dyn_parser = new Parser();
dyn_parser.init.apply(dyn_parser, mid_patterns);

это работает довольно хорошо, но не так чисто и универсально, как хотелось бы.

возможно ли в javascript вызывать конструктор с помощью varargs?

Ответы [ 4 ]

17 голосов
/ 24 декабря 2009

Вы можете использовать apply и передать пустой объект в качестве аргумента this: 

var mid_parser = {};
Parser.apply(mid_parser, mid_patterns);

Но это решение не позаботится о цепочке прототипов.

Вы можете создать объект Parser, используя оператор new, но без передачи аргументов, а затем использовать apply для повторного запуска функции конструктора: 

var mid_parser = new Parser();
Parser.apply(mid_parser, mid_patterns);
11 голосов
/ 26 октября 2010

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

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

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

Мой проверочный код: 

var ExpensiveClass = function(arg0,arg1){
    this.arg0 = arg0;
    this.arg1 = arg1;
    this.dat = new Date();
}

var CheapClass = function(arg0,arg1){
    this.arg0 = arg0;
    this.arg1 = arg1;
}

applyFirst = function(ctor, args){
    var instance = new ctor();
    ctor.apply(instance, args);
    return instance;
}

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

console.time('first Expensive');
for(var i = 0; i < 10000; i++){
    test = applyFirst(ExpensiveClass ,['arg0','arg1']);
}
console.timeEnd('first Expensive');

console.time('second Expensive');
for(var i = 0; i < 10000; i++){
    test = applySecond(ExpensiveClass ,['arg0','arg1']);
}
console.timeEnd('second Expensive');

console.time('first Cheap');
for(var i = 0; i < 10000; i++){
    test = applyFirst(CheapClass,['arg0','arg1']);
}
console.timeEnd('first Cheap');

console.time('second Cheap');
for(var i = 0; i < 10000; i++){
    test = applySecond(CheapClass,['arg0','arg1']);
}
console.timeEnd('second Cheap');

Результаты: 

first Expensive: 76ms
second Expensive: 66ms
first Cheap: 52ms
second Cheap: 52ms
7 голосов
/ 28 января 2010

Вы можете использовать тот факт, что вы можете связать конструкторы, используя apply(...), чтобы достичь этого, хотя это требует создания прокси-класса. Функция construct(), приведенная ниже, позволяет вам: 

var f1 = construct(Foo, [2, 3]);
// which is more or less equivalent to
var f2 = new Foo(2, 3);

Функция construct(): 

function construct(klass, args) {

  function F() {
    return klass.apply(this, arguments[0]); 
  }; 

  F.prototype = klass.prototype; 

  return new F(args);

}

Пример кода, который его использует: 

function Foo(a, b) {
  this.a = a; this.b = b;
}

Foo.prototype.dump = function() {
  console.log("a = ", this.a);
  console.log("b = ", this.b);
};

var f = construct(Foo, [7, 9]);

f.dump();
0 голосов
/ 10 октября 2012

Чтобы завершить решение @CMS и сохранить цепочку прототипов, вы можете сделать это: 

var mid_parser = {};
mid_parser.__proto__ = Parser.prototype;
Parser.apply(mid_parser, mid_patterns);

Как примечание, он не будет работать с IE 8 -.

...