Javascript - initialiseur d'objet?

J'ai réalisé que vous pouvez avoir une propriété à un objet exécuter automatiquement comme ceci:

var obj = {

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

}

Je suis en train d'utiliser cette méthode comme un initialiseur de l'objet. Le problème, je suis en cours d'exécution dans est de passer une référence à 'obj' à l'initialisation de la propriété. Je pense qu'elle génère des erreurs parce que le fichier n'a pas été complètement intégré dans le navigateur encore. Je suis en train de le faire, mais en vain. Si il y a une manière de le faire, j'aimerais savoir comment.

var obj = {
    prop:function(){ alert('This just ran.'); },
    init:(function(){ obj.prop(); })();
}
InformationsquelleAutor Geuis | 2009-03-08
  1. 22

    Si vous souhaitez créer plusieurs instances d'objets similaires, vous devez utiliser le bon vieux constructeur de fonctions (n'oubliez pas de mettre des propriétés communes, dans le prototype!).

    Si vous souhaitez créer un objet unique, envisager l'utilisation d'un anonyme constructeur. Votre exemple de lecture:

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

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

    Cela a un avantage supplémentaire sur l'objet de littéraux: le constructeur de la fonction peut être utilisé comme une fermeture "privé" des variables.

    N'abusez pas de l'objet de littéraux: ils peuvent faire des choses simples simple, mais complexe, les choses vont devenir trop compliqué.

    InformationsquelleAutor Christoph
  2. 5

    Ce n'est pas possible: obj n'existe pas jusqu'à ce que l'ensemble du bloc est interprété.

    InformationsquelleAutor Maurice Perry
  3. 4

    Une alternative simple: 

    var obj = {

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

}.init();
    • Notant que cela définit obj à quelque valeur que ce soit init() retourne - qui dans cet exemple est undefined.
    InformationsquelleAutor user1575313
  4. 3

    Pourquoi n'utilisez-vous pas le constructeur du modèle (en fait, je n'ai aucune idée de son nom exact):

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

    Utilisation:

    var instance = new Obj();
instance.setMessage('Boo');
instance.prop();
    • Une raison pour ne pas l'initialisation dans le constructeur, c'est que vous avez besoin d'appeler le constructeur à chaque fois que vous voulez un prototype (eg. faire une sous-classe) — fonction XObj() {...}; XObj.prototype= new Obj();. Vous ne voulez pas vraiment à l'initialisation d'une instance réelle dans ce cas.
    InformationsquelleAutor James
  5. 2

    Oui, obj ne semble pas exister localement à plus tard. Cela a fonctionné pour moi avec setTimeout. Testé ok sur IE8, FF5, Chrome 12, Opera v11.5. Pas sûr au sujet de l'50 millisecondes bien, j'imagine que c'est assez.

    var obj = {
    prop: function() { alert('This just ran.') },
    init: ( function(){ setTimeout(function(){obj.prop()},50) } )()
}
    • Cela ne fonctionnera pas si la ligne suivante après la var déclaration doit utiliser obj.prop.
    InformationsquelleAutor John
  6. 1

    c'est une mise à jour de l'exemple proposé par user1575313.

    le code d'origine fonctionne, mais il limite l'utilisation de l'objet après l'installation. Par le renvoi de l'objet de référence dans la méthode init, il permet à l'objet d'être utilisé à l'extérieur de l'objet.

    lien vers 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();
    InformationsquelleAutor tech-e
  7. 1

    Init en jQuery style

    (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

    InformationsquelleAutor hlcs
  8. 0

    Je pense que vous voulez essayer quelque chose comme cela:

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

    Objet littéraux reqire séparées par des virgules membres sans points-virgules.

    • que l'habitude d'exécuter la fonction init sur la création de si
    • Vous avez raison, il n'y a pas moyen de le faire avec des littéraux d'objet.
    InformationsquelleAutor Andrew Hare
  9. -1

    Cela fonctionne si vous passez "ce" dans la fonction init?

    quelque chose comme: (non testé)

    var obj = {
    prop:function(){ alert('This just ran.'); },
    init:(function(o){ o.prop(); })(this);
}
    • Nah. En passant (ce) est une référence à la fenêtre.objet
    • Ne sont pas directement liés, mais vous pouvez rapidement prototype et tester des trucs à l'aide de jsfiddle.net
    InformationsquelleAutor Andrew Bullock