Пользовательский конструктор Backbone.js?

Question

Я ищу примеры для создания пользовательского конструктора на своих моделях. Я хочу, чтобы структура модели/данных была по-другому, а просто устанавливала ее как атрибуты.

Может ли кто-нибудь показать мне некоторый базовый пример того, как это сделать?

Спасибо!

Answer 1

Если вы действительно хотите, чтобы переопределить конструктор, передать constructor свойства Backbone.Model.extend(), например:

var Klass = Backbone.Model.extend({ 

    constructor : function (attributes, options) { 

    // ... 

    } 

}); 

Если вы хотите, чтобы вызвать встроенный конструктор от вашего пользовательского конструктора вы можете сделать что-то вроде:

var Klass = Backbone.Model.extend({ 

    constructor : function (attributes, options) { 

    Backbone.Model.apply(this, arguments); 

    } 

}); 

Или, если вы не хотите повторять имя va riable содержащего родительский класса во всем классе к югу, или вы не хотите, чтобы беспокоиться о значении этих переменных изменений, вы можете сделать что-то вроде следующий:

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

Или, если вы предпочитаете путь @Claude suggests, но повторять имя переменных подклассов в вспомогательном классе вместо имени класса вара родительского:

var Klass = Backbone.Model.extend(

    { 

    constructor : function (attributes, options) { 

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

    } 

    }, 

    { 

    parent_klass : Backbone.Model.prototype 

    } 

); 

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

Все, что вы только хотите сделать после функциональности встроенного конструктора, вероятно, вы должны сделать в initialize().

Answer 2

Похоже, что вы ищете метод initialize. Это называется, когда вы создаете новую модель, и вы можете использовать, если по каким-то вам это нужно:

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

new myModel(); 

Если вы хотите сделать что-то более активное участие, вы можете переопределить метод constructor в ядре Backbone. Это гораздо более сложный бизнес. Гораздо лучше работать с открытыми методами, если можно!

Answer 3

Если вы хотите, чтобы написать модель самостоятельно, как это:

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

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

Будьте осторожны, я думаю, вам нужно проконсультироваться Backbone.Model конструктор source code. Но я думаю, что это не очень хорошая идея. Override initialize метода является правильным способом:

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

     // your constructor code here 
    } 
}); 

Answer 4

Это, как я переопределить Backbone.Model конструктор по умолчанию:

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

После этого вы должны убедиться, что прототип Backbone.Collection использует обновленный Backbone.Model конструктор:

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

«Преимущество» этого подхода, на мой взгляд, заключается в том, что вы можете использовать Backbone.Model в качестве своего конструктора модели, что делает изменение более прозрачным.

Answer 5

Как я упоминаю в комментарии, позаботьтесь о том, чтобы использовать this.constructor.__super__ (или this.__super__), чтобы вы не оказались в бесконечном контуре (Maximum call stack size exceeded в Chrome).

Попробуйте следующее в консоли (на свой страх и риск, это приведет к упомянутому выше бесконечному циклу)

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 

Причины в том, что при создании B, this в конструкторе A указует на экземпляр B , поэтому this.constructor.__super__.constructor продолжает указывать на конструктор A, который снова называется временем и временем.

Если вы хотите «намеченное поведение», используйте один из следующих синтаксисов:

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 

или непосредственно без __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 

Answer 6

что-то, чтобы быть в курсе, когда переопределение конструктора Backbone.Model - если вы не вызываете Backbone.Model.apply, тогда Model.cid может не быть установлен.

Это плохо. Если cid не установлен на нескольких моделях, коллекция может считать его дубликат первой модели в вашей коллекции - и не позволит ее добавлять.