js优化-prototype原型的使用

var builder = function (id) {
this.init($(id));
this.forms = [];

/*
this.init = function ()//写在内部，每个实例都会分配一个function,如果又存在大量的DOM存取，操作开销就大了.
{
var $row = $("<div class='row'>").appendTo($(id).addClass("container-fluid"));
}
this.addControl = function (ctrl) {

}
this.xxxxxx = function(){ }
*/

}

builder.prototype.addControl = function (ctrl) {//原型，每个实例都共享一个原型。
this.$content.append(ctrl.view);
var self = this;
ctrl.on('click', function () {
var view = this.editor.render(this.model);
self.$editor.html('').append(view);
});
this.forms.push(ctrl);
}

builder.prototype.getData = function () {
return this.forms;
}

builder.prototype.init = function ($dom) {
var $row = $("<div class='row'>").appendTo($dom.addClass("container-fluid"));
var $toolBox = $("<div> class='col-md-3'").appendTo($row);
this.$content = $("<div class='col-md-6'>").appendTo($row);
this.$editor = $("<div class='col-md-3'>").appendTo($row);
};

return builder;