Backbone.js路由没有触发

Question

我有一个基本路由器，我定义了一些需要在任何地方运行的函数。每个路由器都扩展这个路由

现在我的问题是，在这个基础路由器中定义的我的路由都没有实际触发。其他路由器中的其他路由工作正常。我创建了一个称为'a'的测试路线，它调用方法'b'，它应该发出警报但没有任何反应。

下面是代码：（这是CoffeeScript中，不注重压痕，它的罚款在我的文件）

class Etaxi.Routers.Base extends Backbone.Router 

routes: 
    'register' : 'registerDevice' 
    'a' : 'b' 

b: -> 
    alert "a" 

initialize: -> 
    @registerDevice() unless localStorage.device_id? 
    @getGeolocation() 

registerDevice: -> 
    @collection = new Etaxi.Collections.Devices() 
    @collection.fetch() 
    view = new Etaxi.Views.RegisterDevice(collection: @collection) 
    $('#wrapper').append(view.render().el) 

getGeolocation: -> 
    navigator.geolocation.getCurrentPosition (position) -> 
     lat = position.coords.latitude 
     lng = position.coords.longitude 
     #$('#apphead').tap -> 
     # alert 'Position: ' + lat + " ," + lng 

所以，当我参观“/注册”或“/ A”它应该发射适当的方法，但它没有。我想知道它是否与其他路由器从此路由器延伸的事实有关？将有线，但它是我能想到的唯一的事情，因为每个其他路由器工作正常。

更新

我想我已经在我的主要应用.js文件实例化基地路由器找到了解决办法。这就是我现在所做的：

您是否看到任何可能的问题？

Answer 1

问题是extends不会合并你的类中的属性，子类的属性将完全替代超类的属性。例如，考虑到这些：

class Etaxi.Routers.Base extends Backbone.Router 
    routes: 
     'register' : 'registerDevice' 
     'a' : 'b' 

class R extends Etaxi.Routers.Base 
    routes: 
     'c': 'd' 

然后routes为R实例将只是'c': 'd'。下面是用普通（非骨干）演示CoffeeScript的类：http://jsfiddle.net/ambiguous/ScUs2/

如果您需要合并的属性，你必须自己与像这样做：

class M 
    m: { a: 'b' } 

class Pancakes extends M 
    constructor: -> 
     @m = _({}).extend(@m, a: 'B', c: 'd') 

演示：http://jsfiddle.net/ambiguous/SR6ej/

但是那种弄虚作假不会Backbone.Router为construction sequence工作是有一点不同：

var Router = Backbone.Router = function(options) { 
    options || (options = {}); 
    if (options.routes) this.routes = options.routes; 
    this._bindRoutes(); 
    this.initialize.apply(this, arguments); 
}; 

所以@routes需要正确设置之前initialize被调用;这意味着您无法将新路线合并到您的initialize中的@routes，并期望它们被吸引。另外，使用Backbone时，您可能不想提供constructor，因为您必须完全实现标准的Backbone.Router构造函数，并在其中间放置额外的东西。

一对夫妇选择立即出现了：

1. 手动通过调用子类initializeroute添加子类的路线。
2. 将路由离开基类，向基类添加一个方法，该方法使用route调用添加基类路由，然后在子类initialize方法中调用该方法。

另一个可能的选择是做这样的事情：

class R extends Backbone.Router 
    routes: 
     'a': 'b' 

class RR extends R 
    @::routes = _({}).extend(R::routes, 'c': 'd') 

这应该让你{ 'a': 'b', 'c': 'd' }在子类中的routes在正确的时间;我还没有完全测试过这个，但它在一个简单的演示中工作：http://jsfiddle.net/ambiguous/QQbrx/

所有的混乱可能是毫无意义的。你可以拥有尽可能多的路由器，因此子类化可能完全没有必要。例如，这工作得很好：

class R extends Backbone.Router 
    routes: 
     'a': 'b' 
    b: -> console.log('b') 

class RR extends Backbone.Router 
    routes: 
     'c': 'd' 
    d: -> console.log('d') 

new R 
new RR 
Backbone.history.start() 

演示：http://jsfiddle.net/ambiguous/mr83v/

Answer 2

我的CoffeeScript是生疏，但...这看起来关对我说：

class Etaxi.Routers.Base extends Backbone.Router 

通常在JS你会怎么做：

Etaxi.Routers.Base = Backbone.Router.extend({ 
    ... // properties and methods of Etaxi.Routers.Base go here 
}); 

是您的CoffeeScript等同？如果不是，那可能是你的问题。