如何减少骨干路由器中的重复代码

How to reduce repeated code in Backbone Router

本文关键字：代码 路由器 何减少      更新时间：2023-09-26

在我的路由器中，初始化方法有相同的代码（代码重复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")

是否有某种技术可以删除此代码？

某种超类？

我用咖啡脚本。

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

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

您在这里实例化的DOM部分似乎都可以被视为"父视图"的"子视图"。既然如此，为什么不实例化@pageView=new BB.AppView（…），然后在@pageView的render（）方法中继续实例化这三个"子类"呢？

相关文章：