第四章如何运用Backbone.js实现Router功能？

本文共计702个文字，预计阅读时间需要3分钟。

第四章节 Backbone.js中的Router实践介绍

本章节在前面对Model和Collection基本属性进行介绍的基础上，进一步探讨Backbone.js中Router的应用。Router属于程序中静态的数据部分，主要涉及程序中动态数据的变化。

本节介绍Backbone中Router的基本应用，主要关注动态数据部分。接下来，我们将深入探讨Router如何响应动的变化。

第四章Backbonejs中的Router实践前面介绍了Model和Collection基本上属于程序中静态的数据部分。这一节介绍Backbone中的router基本上属于程序中静态的数据部分。这一节介绍Backbone中的router属于动态的部分见名知意router——路由的意思显然是能够控制url指向哪个函数的。具体是怎么做的一会通过几个实例来看看。

在现在的单页应用中所有的操作、内容都在一个页面上呈现这意味着浏览器的url始终要定位到当前页面。那么一个页面中的左右的操作总不能都通过事件监听来完成尤其是对于需要切换页面的场景以及需要分享、收藏固定链接的情况。因此就有了router通过hash的方式即#page来完成。不过随着浏览器发展大多数的浏览器已经可以通过history api来操控url的改变可以直接使用 /page 来完成之前需要hash来完成的操作这种方式看起来更为直观一些。下面提供过几个demo来切实体会一番。