将路线重定向到另一个

Question

我正在尝试在执行路由回调之前将路由重定向到另一个路由.我有以下代码:

console.log("file loaded");
(function (History) {
    var _navigate = History.prototype.navigate;

    _.extend(History.prototype, {
        navigate: function (fragment, opts) {
            alert("adad");
            return _navigate.call(this, fragment, opts);
        }
    });
})(Backbone.History);

此代码包装Backbone.History.navigate方法,并在方法调用上显示警报.但是当我改变路线时,这个警报永远不会出现.

该console.log行只是为了确保在backbone.js之后加载了文件.

这段代码有什么问题？

Answer 1

我认为你忽略了错误的事情：它navigate没有按照你想象的方式使用。

让我们看一下部分内容Backbone.history.start：

// Start the hash change handling, returning `true` if the current URL matches
// an existing route, and `false` otherwise.
start: function(options) {
  //...
  if (this._hasPushState) {
    Backbone.$(window).on('popstate', this.checkUrl);
  } else if (this._wantsHashChange && ('onhashchange' in window) && !oldIE) {
    Backbone.$(window).on('hashchange', this.checkUrl);
  } else if (this._wantsHashChange) {
    this._checkUrlInterval = setInterval(this.checkUrl, this.interval);
  }

您将看到 Backbone 中处理路由的所有各种方式都是通过checkUrl而不是navigate. 该checkUrl方法做了一些繁忙的工作并调用loadUrl；繁忙工作的一部分是这样的：

  if (this.iframe) this.navigate(current);

sonavigate才会被调用，但只有在<iframe>使用 an 来模拟hashchange事件时popstate才会被调用，据我所知，只有当您使用旧版本的 IE 时才会发生这种情况。

回到通常的代码路径。我们已经看到它checkUrl做了一些繁忙的工作和调用loadUrl，那么它有什么作用呢？loadUrl做这个：

loadUrl: function(fragmentOverride) {
  var fragment = this.fragment = this.getFragment(fragmentOverride);
  var matched = _.any(this.handlers, function(handler) {
    if (handler.route.test(fragment)) {
      handler.callback(fragment);
      return true;
    }
  });
  return matched;
}

如果您查看 中route的方法History和route中 的方法，Route您会发现这handler.callback就是从您的路由器之一调用路由处理程序并触发路由事件的方法。

您要替换的方法navigate几乎仅由Routersnavigate使用：

navigate: function(fragment, options) {
  Backbone.history.navigate(fragment, options);
  return this;
}

如果您想在调用路由处理程序之前重定向，您可以替换loadUrl为如下内容：

(function(History) {
    var _loadUrl = History.prototype.loadUrl;
    _.extend(History.prototype, {
        loadUrl: function() {
            var args = [].slice.apply(arguments);
            args[0] = this.getFragment(args[0]);
            // If args[0] is the fragment that you want to
            // redirect then replace it here or do whatever
            // needs to be done.
            return _loadUrl.apply(this, args);
        }
    });
})(Backbone.History);

演示： http: //jsfiddle.net/ambiguously/e4KYK/

总的来说，我认为你最好在正常的路由处理程序中处理重定向：当调用有问题的路由时，只需调用navigate任何方便的路由器即可。

请记住，除了该方法Backbone.History之外，没有记录任何内容，因此此处的所有内容都可能会发生变化。start