正確的方式來擴展使用需要JS

Question

我使用requireJS結合骨幹骨幹對象：

define([ 

     "jquery", 
     "underscore", 
     "backbone", 
     "models/modelA" 

     ], function($, _, Backbone, MyModel) { 

     var viewA = Backbone.View.extend({ 
      initialize: function() { 
       this.model = new MyModel(); 
      } 
     }); 

     return viewA; 

}); 

我想創建一個新的視圖模塊，ViewB，具有所有的相同的方法viewA，但是使用不同的模型來代替modelA。我知道我可以重寫的初始化函數，但我不知道是否有一個更簡潔的方式，以避免重複代碼...

define([ 

     "jquery", 
     "underscore", 
     "backbone", 
     "views/viewA", 
     "models/modelB" 

     ], function($, _, Backbone, ViewA, myModel) { 

     var viewB = ViewA.extend({ 
       initialize: function() { 
        this.model = new MyModel(); 
       } 
     }); 

     return viewB; 

    }); 

Answer 1

如果這兩種觀點是完全一樣的，只是通過在實例化模型中，而不是在初始化中創建它。那麼你只需要定義一個視圖。

define([ 

     "jquery", 
     "underscore", 
     "backbone" 
     // no model module needed here. 

     ], function($, _, Backbone) { 

     var viewA = Backbone.View.extend({ 
      initialize: function() { 
      } 
     }); 

     return viewA; 

}); 

然後在其他一些模塊，require小號兩種模型和視圖：

var modelA = new ModelA(); 
var modelB = new ModelB(); 
// create 2 instances of ViewA with different model passed in 
var viewA = new ViewA({model: modelA}); 
var viewB = new ViewA({model: modelB}); 

當這樣的創建，每個視圖將有this.model設置爲你在通過實例

Answer 2

define(['views/ViewA'], function() { 
    var ViewA = require('views/ViewA'), // require ViewA 
    ViewB = ViewA.extend({ 
     // add all your ViewB specific methods/properties here 
    }); 

    return ViewB; // return ViewB from the RequireJS module so it can be used elsewhere 
});