javascript áp dụng trên hàm tạo, ném "thông số chính thức không đúng định dạng"

Question

nhờ câu trả lời tuyệt vời cho this question Tôi hiểu cách gọi hàm javascript bằng vararg.

bây giờ tôi đang tìm cách để sử dụng áp dụng với một constructor

Tôi tìm thấy một số thông tin thú vị on this post.

nhưng mã của tôi là ném lỗi

nỗ lực 1:

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

lỗi:

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

nỗ lực 2: nỗ lực 1:

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

lỗi:

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

nỗ lực 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); 

lỗi:

syntax_model.js:91: SyntaxError: malformed formal parameter 

nỗ lực 3:

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

lỗi:

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

Tôi có một workaround cho thời gian được:

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); 

này hoạt động khá tốt, nhưng nó không phải là sạch và phổ thông như tôi muốn.

là nó có thể trong javascript để gọi một nhà xây dựng với varargs?

Answer 1

Bạn có thể sử dụng áp dụng và vượt qua một đối tượng rỗng như là đối số this:

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

Nhưng giải pháp đó sẽ không chăm sóc về chuỗi nguyên mẫu.

Bạn có thể tạo một đối tượng Parser, sử dụng toán tử new, nhưng mà không đi tranh luận, và sau đó sử dụng apply để chạy lại hàm xây dựng:

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

Answer 2

Bạn có thể khai thác thực tế là bạn có thể khởi dựng chuỗi sử dụng apply(...) để đạt được điều này, mặc dù điều này đòi hỏi phải tạo ra một lớp proxy.Chức năng construct() bên dưới cho phép bạn làm:

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

các construct() chức năng:

function construct(klass, args) { 

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

    F.prototype = klass.prototype; 

    return new F(args); 

} 

Một số mẫu mã mà sử dụng nó:

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(); 

Answer 3

Một giải pháp tốt hơn là tạo ra một hàm constructor tạm thời , áp dụng nguyên mẫu của lớp mà bạn muốn (để đảm bảo chuỗi nguyên mẫu được giữ nguyên) và sau đó áp dụng hàm tạo theo cách thủ công. Điều này ngăn cản kêu gọi các nhà xây dựng hai lần không cần thiết ...

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

Tôi đã thử nghiệm hiệu suất và thấy rằng phương pháp này là, trên thực tế, chậm hơn một chút trong rất trường hợp đơn giản. Tuy nhiên, nó chỉ mất việc xây dựng một đối tượng Date() duy nhất trong hàm khởi tạo để điều này có hiệu quả hơn. Ngoài ra, đừng quên rằng một số nhà xây dựng có thể ném ngoại lệ nếu không có tham số nào được thông qua, do đó, điều này cũng chính xác hơn.

mã xác nhận của tôi:

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'); 

Kết quả:

first Expensive: 76ms 
second Expensive: 66ms 
first Cheap: 52ms 
second Cheap: 52ms 

Answer 4

Để hoàn @CMS giải pháp bảo tồn và chuỗi nguyên mẫu, bạn có thể làm điều này:

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

Là một bên lưu ý, nó sẽ không hoạt động với IE 8-.