在使用Backbone构建单页面应用程序时，正确处理路由非常重要。如果路由没有被正确匹配，用户可能会看到404错误页面或其他不良用户体验。
但是，在某些情况下，我们可能需要捕获所有未匹配的路由并在应用中进行自定义处理。本文将介绍如何使用Backbone来实现这一点。
路由简介
Backbone.js是一个提供了一个轻量级的MVC框架的JavaScript库，适合开发大规模单页面应用程序。其中一个核心组件是路由（Router），它可以帮助我们管理应用中的URL状态。
当用户在浏览器中导航到特定的URL时，路由会将其与预定义的路由规则进行匹配，并执行相应的操作。例如，我们可以为应用程序设置以下路由规则：
-- -------------------- ---- -------
--- ------ - ------------------------
------- -
------------ ----------
---------------- ---------
--------- --------------
--
-------- ------------ -
-- -----------
--
------- --------------- -
-- -----------
--
------------- --------------- -
-- ---------------
-
---在这个例子中，我们有三个不同的路由规则：一个用于获取特定的博客帖子，一个用于执行搜索操作，以及一个通配符路由（"*other"）用于匹配所有未定义的路由。当用户导航到无法匹配任何其他路由的URL时，将执行"defaultRoute"方法。
捕获所有未匹配路由
现在我们来看一下如何使用通配符路由来捕获所有未匹配的路由。
首先，我们需要在路由规则中添加一个名为"*notFound"的通配符路由：
-- -------------------- ---- -------
--- ------ - ------------------------
------- -
------------ ----------
---------------- ---------
------------ ----------------
--
-------- ------------ -
-- -----------
--
------- --------------- -
-- -----------
--
--------------- ---------- -
-- -------
-
---在这个例子中，我们将通配符路由命名为"*notFound"，并将其指向名为"handleNotFound"的处理程序方法。当用户导航到无法匹配任何其他路由的URL时，将执行"handleNotFound"方法。
现在，我们需要在"handleNotFound"方法中编写自定义代码来处理未匹配路由。例如，我们可以显示一个错误页面，或者重定向到应用程序的主页。
-- -------------------- ---- -------
--- ------ - ------------------------
------- -
------------ ----------
---------------- ---------
------------ ----------------
--
-------- ------------ -
-- -----------
--
------- --------------- -
-- -----------
--
--------------- ---------- -
-- -------
-----------------------
-- ----------
-----------------------------------------
-
---在这个例子中，我们使用jQuery选择器来找到应用程序的主内容区域，并向其添加自定义HTML元素以显示404错误页面。
结论
Backbone.js提供了强大的路由功能，可以帮助我们管理应用程序中的URL状态。使用通配符路由，我们可以轻松地捕获所有
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25910