Backbone.js constructeur personnalisé?

Je suis à la recherche de quelques exemples pour la création d'un constructeur personnalisé sur mes modèles. Je veux la structure du modèle et des données différemment puis il suffit de le définir comme attributs.

Quelqu'un peut-il me montrer des exemple de base de comment faire cela?

Merci!

InformationsquelleAutor fancy | 2012-05-01
  1. 39

    Si vous voulez vraiment surcharger le constructeur, passer une constructor propriété Backbone.Model.extend(), par exemple:

    var Klass = Backbone.Model.extend( {

  constructor : function ( attributes, options ) {

    //...

  }

} );

    Si vous voulez appeler l'intégré dans le constructeur de votre constructeur personnalisé, vous pouvez faire quelque chose comme:

    var Klass = Backbone.Model.extend( {

  constructor : function ( attributes, options ) {

    Backbone.Model.apply( this, arguments );

  }

} );

    Ou si vous ne voulez pas avoir à répéter le nom de la variable contenant la classe mère de tous les plus de la sous-classe, ou vous ne voulez pas à vous soucier de la valeur de la variable change, vous pouvez faire quelque chose comme ce qui suit:

    var Klass;

var parent_klass = Backbone.Model.prototype;

( function ( parent_klass ) {

  Klass = parent_klass.constructor.extend( {

    constructor : function ( attributes, options ) {

      parent_klass.constructor.apply( this, arguments );

    }

  } );

} )( parent_klass );

    Ou si vous préférez la voie @Claude suggère, mais répéter la sous-classe nom de la variable à l'intérieur de la sous-classe au lieu de la classe parent var nom:

    var Klass = Backbone.Model.extend(

  {

    constructor : function ( attributes, options ) {

      Klass.parent_klass.constructor.apply( this, arguments );

    }

  },

  {

    parent_klass : Backbone.Model.prototype

  }

);

    Si vous voulez plus de conseils que cela, vous aurez à être plus précis sur ce que vous voulez accomplir.

    Tout ce que vous voulez faire juste après l'intégré dans le constructeur de la fonctionnalité, vous devriez probablement faire dans initialize().

    • Être prudent dans l'utilisation de super en combinaison avec this. this sera toujours le point de l'objet créé, conduisant à une boucle infinie. Voir ma réponse pour plus d'info.
    • oui, merci de la signaler. J'ai eu l'intention de mettre à jour la réponse re: que. J'ai cessé de l'utiliser __super__ puisque l'envoi de cette réponse.
    • Comment rendre un constructeur pour chaque instance d'un modèle à l'aide de prototype? J'ai essayé de modifier la méthode de constructeur, lorsqu'une instance de la colonne vertébrale.Le modèle est créé. Je veux effectuer quelques auto de liaison de travailler avec noeud de support.io-cadre. Mais je ne veux pas de joindre un constructeur de méthode pour chaque modèle que j'ai créer. L'ajout d'un prototype d'initialiser œuvres; le seul problème est que si un est passé avec le modèle qu'il remplace par le trait de soulignement étendre la méthode.
    InformationsquelleAutor JMM
  2. 7

    Comme je l'ai mentionner dans le commentaire, de prendre soin lors de l'utilisation de this.constructor.__super__ (ou this.__super__), de peur que vous vous retrouvez dans une boucle sans fin (Maximum call stack size exceeded dans Chrome).

    Essayez les solutions suivantes dans la console (au propre risque, cela conduira à ladite boucle sans fin)

    var A = Backbone.Model.extend({constructor: function () {
  console.log("log: A");
  this.constructor.__super__.constructor.apply(this, arguments);
}});

var B = A.extend({constructor: function () {
  console.log("log: B");
  this.constructor.__super__.constructor.apply(this, arguments);
}});

new A();
// log: A
// > Backbone.model.extend.constructor
new B();
// log: B
// (8192) log: A
// > RangeError: Maximum call stack size exceeded

    Raison en est que lors de la création de B, this dans le constructeur de A points à une instance de B, donc this.constructor.__super__.constructor garde pointant vers le constructeur de A, qui est appelé de nouveau et de nouveau.

    Si vous voulez "destiné comportement", utilisez l'une des syntaxes suivantes:

    var A = Backbone.Model.extend({constructor: function () {
  console.log("log: A");
  A.__super__.constructor.apply(this, arguments);
}});

var B = A.extend({constructor: function () {
  console.log("log: B");
  B.__super__.constructor.apply(this, arguments);
}});

new A();
// log: A
// > Backbone.model.extend.constructor
new B();
// log: B
// log: A
// > A.extend.constructor

    ou directement, sans __super__:

    var A = Backbone.Model.extend({constructor: function () {
  console.log("log: A");
  Backbone.Model.apply(this, arguments);
}});

var B = A.extend({constructor: function () {
  console.log("log: B");
  A.apply(this, arguments);
}});

new A();
// log: A
// > Backbone.model.extend.constructor
new B();
// log: B
// log: A
// > A.extend.constructor
    InformationsquelleAutor
  3. 6

    C'est comment j'ai remplacer la valeur par défaut de la colonne vertébrale.Modèle constructeur:

    Backbone.Model = (function(Model) {
  //Define the new constructor
  Backbone.Model = function(attributes, options) {
    //Your constructor logic here
    //...
    //Call the default constructor if you wish
    Model.apply(this, arguments);
    //Add some callbacks
    this.on('event', this.myCallback, this);
  };
  //Clone static properties
  _.extend(Backbone.Model, Model);      
  //Clone prototype
  Backbone.Model.prototype = (function(Prototype) {
    Prototype.prototype = Model.prototype;
    return new Prototype;
  })(function() {});
  //Update constructor in prototype
  Backbone.Model.prototype.constructor = Backbone.Model;
  return Backbone.Model;
})(Backbone.Model);

    Après que vous avez à faire assurez-vous de la colonne vertébrale.Collection prototype utilise la mise à jour de la colonne vertébrale.Modèle constructeur:

    _.extend(Backbone.Collection.prototype, {
  model: Backbone.Model
});

    La "avantage" de cette approche, à mon avis, c'est que vous pouvez continuer à l'utiliser de la colonne vertébrale.Modèle de votre modèle de constructeur, ce qui rend le changement de manière plus transparente.

    • +1 pour ne pas faire mes modèles étendre autre chose
    InformationsquelleAutor Samuel
  4. 2

    Si vous voulez écrire votre modèle par vous-même, comme ceci:

    var YourModel = function () {
    //your constructor here
};

_.extend(YourModel.prototype, Backbone.Model.prototype, {
    //your model method here
});

    Être prudent, je pense que vous avez besoin de consulter Backbone.Model constructeur le code source. Mais je pense que ce n'est pas une bonne idée. Remplacer initialize méthode est la bonne façon:

    var YourModel = Backbone.Model.extend({
    initialize: function (attrs, options) {
        Backbone.Model.prototype.initialize.apply(this, arguments); //call super constructor

        //your constructor code here
    }
});
    • Le Backbone.Model méthode initialize est vide, vous ne savez pas si il ya un point dans l'appel à elle.
    • êtes-vous sûr que ce sera le cas dans les versions futures? Certainement préférable d'appeler la méthode super.
    InformationsquelleAutor Ethan Zhang
  5. 0

    Il semble que vous êtes à la recherche pour le initialiser méthode. Il est appelé lorsque vous créez un nouveau modèle, et vous pouvez les utiliser si vous en avez besoin pour:

    var myModel = Backbone.Model.extend({
  initialize: function() {
    //do something besides setting attributes or model
    alert('myModel is ready for action!');
  }
});

new myModel();

    Si vous cherchez à faire quelque chose de plus, vous pourriez remplacer le constructor méthode de la colonne vertébrale de base. C'est beaucoup plus délicat d'affaires, même si. Beaucoup mieux de travailler avec des méthodes exposées si vous le pouvez!

    • Je suis à la recherche d'un constructeur personnalisé. Je ne veux pas les attributs envoyés pour être simplement définie sur le modèle. Je suis à la recherche de surcharger le constructeur.
    • Vous pouvez bien sûr passer une option de hachage pour initialize, la manipuler à l'intérieur de la fonction, et réglez les attributs que vous devez à partir de là.
    • constructor est "exposé", et les docs de vous expliquer comment vous pouvez l'annuler. initialize sert un but différent.
    • Merci, @Madbreaks. Beaucoup de changements en cinq ans!
    • Je n'ai pas le même avis, quel âge a votre réponse a été! 🙂
    InformationsquelleAutor rjz
  6. -1

    Quelque chose d'être conscient de quand vous écrasez l'épine Dorsale.Modèle de constructeur - si vous n'appelez pas Backbone.Model.apply, puis le Modèle.cid ne peut pas être réglé.

    Qui est mauvais - Si cid n'est pas définie sur plusieurs modèles, de la collecte pensent que c'est un doublon du premier modèle de votre collection et ne lui permettra pas d'être ajouté.

    InformationsquelleAutor Jim Ankrom