Nhà xây dựng tùy chỉnh Backbone.js?

Question

Tôi đang tìm một số ví dụ để tạo một hàm tạo tùy chỉnh trên các mô hình của tôi. Tôi muốn cấu trúc mô hình/dữ liệu khác nhau sau đó chỉ cần thiết lập nó như là các thuộc tính.

Ai đó có thể chỉ cho tôi một số ví dụ cơ bản về cách thực hiện việc này không?

Cảm ơn!

Answer 1

Nếu bạn thực sự muốn ghi đè lên các nhà xây dựng, thông qua một tài sản constructor-Backbone.Model.extend(), ví dụ:

var Klass = Backbone.Model.extend({ 

    constructor : function (attributes, options) { 

    // ... 

    } 

}); 

Nếu bạn muốn gọi các nhà xây dựng built-in từ nhà xây dựng tùy chỉnh của bạn, bạn có thể làm điều gì đó như:

var Klass = Backbone.Model.extend({ 

    constructor : function (attributes, options) { 

    Backbone.Model.apply(this, arguments); 

    } 

}); 

Hoặc nếu bạn không muốn phải lặp lại tên của va riable chứa các lớp cha mẹ trên tất cả các lớp tiểu, hoặc bạn không muốn phải lo lắng về giá trị của biến mà thay đổi, bạn có thể làm điều gì đó như sau:

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

Hoặc nếu bạn thích cách @Claude suggests, nhưng lặp lại tên biến lớp con trong lớp con thay vì tên lớp cha var name:

var Klass = Backbone.Model.extend(

    { 

    constructor : function (attributes, options) { 

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

    } 

    }, 

    { 

    parent_klass : Backbone.Model.prototype 

    } 

); 

Nếu bạn muốn có thêm lời khuyên, bạn sẽ phải cụ thể hơn về những gì bạn muốn thực hiện.

Bất cứ điều gì bạn chỉ muốn thực hiện sau chức năng xây dựng sẵn, bạn có thể thực hiện trong initialize().

Answer 2

Có vẻ như bạn đang tìm phương pháp initialize. Nó được gọi là khi bạn tạo ra một mô hình mới, và bạn có thể sử dụng nếu vì bất cứ điều gì bạn cần nó cho:

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

new myModel(); 

Nếu bạn đang tìm kiếm để làm điều gì đó tham gia nhiều hơn, bạn có thể ghi đè lên các phương pháp constructor trong lõi Backbone. Đó là một doanh nghiệp phức tạp hơn nhiều. Tốt hơn nhiều để làm việc với các phương pháp tiếp xúc nếu bạn có thể!

Answer 3

Nếu bạn muốn viết mô hình của bạn bằng cách chính mình, như thế này:

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

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

Hãy cẩn thận, tôi nghĩ rằng bạn cần phải tham khảo ý kiến ​​Backbone.Model constructor source code. Nhưng tôi nghĩ đây không phải là một ý kiến ​​hay. Override initialize phương pháp là đúng cách:

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

Đây là cách tôi ghi đè mặc định Backbone.Model constructor:

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

Sau đó bạn phải chắc chắn rằng các nguyên mẫu Backbone.Collection sử dụng Backbone.Model constructor Cập nhật:

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

'Lợi thế' của phương pháp này theo ý kiến ​​của tôi là bạn có thể tiếp tục sử dụng Backbone.Model làm phương thức khởi tạo mô hình của bạn, điều này làm cho sự thay đổi trong suốt hơn.

Answer 5

Như tôi đã đề cập trong nhận xét, hãy cẩn thận khi sử dụng this.constructor.__super__ (hoặc this.__super__), vì sợ rằng bạn sẽ kết thúc trong vòng lặp vô tận (Maximum call stack size exceeded trong Chrome).

Hãy thử như sau trong giao diện điều khiển (tự chịu rủi ro, nó sẽ dẫn đến vòng lặp vô tận vện nêu trên)

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 

Lý do là khi tạo B, this trong constructor cho A điểm đến một instance của B , do đó, this.constructor.__super__.constructor tiếp tục trỏ về phía hàm tạo của A, được gọi là thời gian và thời gian một lần nữa.

Nếu bạn muốn "hành vi dự định", sử dụng một trong các cú pháp sau:

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 

hoặc trực tiếp mà không __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

Something phải nhận thức được khi trọng các nhà xây dựng Backbone.Model - nếu bạn không gọi Backbone.Model.apply thì Model.cid có thể không được đặt.

Rất tệ - Nếu cid không được đặt trên nhiều mô hình, bộ sưu tập có thể coi đó là bản sao của mô hình đầu tiên trong bộ sưu tập của bạn - và sẽ không cho phép thêm.