Javascript - inicjator obiektu?

Question

Uświadomiłem sobie można mieć właściwość w perspektywie obiektu automatycznie tak:

var obj = { 

    init:(function(){ alert('loaded');})(); 

} 

Próbuję użyć tej metody jako inicjator dla obiektu. Problem, który napotykam, przekazuje odwołanie do 'obj' do właściwości init. Podejrzewam, że generuje błędy, ponieważ obiekt nie został jeszcze całkowicie zbudowany w przeglądarce. Próbuję wykonać następujące czynności, ale bezskutecznie. Jeśli istnieje sposób, aby to zrobić, chciałbym wiedzieć, jak.

var obj = { 
    prop:function(){ alert('This just ran.'); }, 
    init:(function(){ obj.prop(); })(); 
} 

Answer 1

Jeśli chcesz utworzyć wiele instancji podobne obiekty, powinieneś używać zwykłych starych funkcji konstruktora (pamiętaj, aby umieścić właściwości wspólne w prototypie!).

Jeśli chcesz utworzyć pojedynczy obiekt, rozważ użycie anonimowego konstruktora. Twój przykład byłoby przeczytać:

var obj = new (function() { 
    this.prop = function() { 
     alert('This just ran.'); 
    } 

    // init code goes here: 
    this.prop(); 
}); 

Ma to dodatkową zaletę nad literałów obiektowych: funkcja konstruktora może być stosowany jako zamknięcie ponad zmiennych „prywatny”.

Nie nadużywaj literałów obiektowych: mogą sprawić, że proste rzeczy będą proste, ale skomplikowane rzeczy staną się zbyt skomplikowane.

Answer 2

Czy to działa, jeśli przekazujesz "to" do funkcji init?

coś takiego: (niesprawdzone)

var obj = { 
    prop:function(){ alert('This just ran.'); }, 
    init:(function(o){ o.prop(); })(this); 
} 

Answer 3

Myślę, że chcesz spróbować czegoś takiego:

var obj = { 
    prop: function() { alert('This just ran.'); }, 
    init: function() { obj.prop(); } 
} 

Object literały reqire oddzielonych przecinkami członkami bez średnikami.

Answer 4

Nie jest to możliwe: obiekt nie istnieje, dopóki cały blok nie zostanie zinterpretowany.

Answer 5

Dlaczego nie można użyć modelu contructor (faktycznie, nie mam pojęcia o jego prawidłowym nazwa):

function Obj() { 
    // Initialising code goes here: 
    alert('Loaded!'); 

    // ... 

    // Private properties/methods: 
    var message = 'hello', 
     sayHello = function() { 
      alert(message); 
     }; 

    // Public properties/methods: 
    this.prop = function() { 
     sayHello(); 
    }; 

    // Encapsulation: 
    this.setMessage = function(newMessage) { 
     message = newMessage; 
    }; 
} 

Zastosowanie:

var instance = new Obj(); 
instance.setMessage('Boo'); 
instance.prop(); 

Answer 6

Tak, obiekt wydaje się istnieć lokalnie dopiero później. To zadziałało dla mnie z setTimeout. Testowane ok na IE8, FF5, Chrome 12, Opera v11.5. Nie jestem pewien co do 50 milisekund, ale wyobrażam sobie, że to wystarczy.

var obj = { 
    prop: function() { alert('This just ran.') }, 
    init: (function(){ setTimeout(function(){obj.prop()},50) })() 
} 

Answer 7

Init w jQuery podobny styl

(function() { 

var $ = function(){ 
    return new $.fn.init(); 
}; 

$.fn = $.prototype = { 
    init: function(){ 
    this.prop(); 
    }, 
    i: 0, 
    prop: function(){ 
    alert('This just ran. Count: ' + (++this.i)); 
    return this; 
    } 
}; 

$.fn.init.prototype = $.fn; 

$().prop().prop(); 

})(); 

jsbin.com

Answer 8

Prosta alternatywa:

var obj = { 

    init: function(){ 
    alert('loaded'); 
    } 

}.init(); 

Answer 9

to jest aktualizacja do przykładu przedstawionego przez user1575313.

Oryginalny kod działa, ale ogranicza korzystanie z obiektu po zakończeniu konfiguracji.Zwracając odwołanie do obiektu w metodzie init, pozwala on na użycie obiektu poza obiektem.

link do jsFiddle. jsFiddle

var obj = { 

init: function() 
{ 
    alert('loaded'); 

    this.consoleLog(); 

    /* we want to return this to keep object 
    usable after auto init */ 
    return this; 
}, 

consoleLog: function() 
{ 
    console.log(1); 
} 

}.init(); 

/* the obj should now be usable outside the auto init */ 
obj.consoleLog();