Question

在我的路由器中，初始化方法具有相同的代码（代码重复3次！）。

我有3个路由器，所以如果我想重构代码（更改名称等），我将不得不跳转到3个单独的文件并对每个文件应用更改。

以下是代码：

initialize: =>
  # http://lostechies.com/derickbailey/2011/09/15/zombies-run-managing-page-transitions-in-backbone-apps/
  @contentView = new Backbone.AppView(".js-content")
  @searchView = new Backbone.AppView(".js-searchbox")
  @sidebarView = new Backbone.AppView(".js-sidebar")

是否有某种技术来干掉这段代码？

某种超类？

我使用coffeescript。

Answer 1

您需要创建一个抽象路由器来执行所需视图的初始化，然后您的特定路由器必须扩展它：

var BaseRouter = Backbone.Router.extend({
  initialize : function(){
    console.log('Native Router!');
    this.contentView = new Backbone.AppView(".js-content");
    this.searchView = new Backbone.AppView(".js-searchbox");
    this.sidebarView = new Backbone.AppView(".js-sidebar");
    }
});
var RouterOne = BaseRouter.extend({
  initialize : function(){
    BaseRouter.prototype.initialize.call(this);
    //specific stuff
  }
});
var RouterTwo = BaseRouter.extend({
  initialize : function(){
    BaseRouter.prototype.initialize.call(this);
    //specific stuff
  }
});

var router1 = new RouterOne();
var router2 = new RouterTwo();

Answer 2

您在这里实例化的DOM部分看起来都可以被视为“父视图”的“子视图”。通过这个标记，为什么不实例化@pageView = new BB.AppView（...）然后在@pageView的render（）方法中继续并实例化这三个'子类'？

如何减少Backbone Router中重复的代码

2 个答案: