深入理解JavaScript MVC 框架

Model–View–Controller (MVC)是一种把信息展现逻辑和用户交互分离的计算机用户界面开发模式；Model包含应用的数据和业务逻辑；Controller负责把用户的输入，转换为命令传递给Model和View;这是维基百科的解释；

          这种模式最初是由Trygve Reenskaug在使用Smalltalk-80(1979)工作时设计的，刚开始叫做Model-View-Controller-Editor；后来通过《Design Patterns: Elements of Reusable Object-Oriented Software》这本书的深入介绍，才使得mvc彻底流行开来；

        理解组成MVC三部分的职责，以及现有的这些JavaScript框架为我们提供了什么，才能够使我们更好的使用这些框架。下面我们先通关过组成MVC的三个部分来学习下每部分的职责是什么【以backbone为例给出示范代码】。

Model

        Model管理应用的数据。当model数据发生改变的时候，会通知它的监听者【可能是view】，收到通知后，监听者会做相应的变化。

View

        View是当前状态的model的视觉展现，view会观察模型的变化，当模型改变的时候被通知，同时允许view来更新自己。一般情况下我们会在view中使用模版引擎渲染model;

Controllers

        Controllers是位于models和views的之间的调解人，它的工作是当model改变时来更新view和当用户操作view时来更新Model。

javascipt mvc框架对比

       不同的人对比方法不一样，关键看你关注什么什么地方；

        如果你比较关注框架的UI Bindings【ui事件绑定】，Composed Views【组合视图】，Web PresentationLayer【web展现】，Plays Nicely WithOthers【和其他框架混合使用】，这几个方面可以重点参考这篇文章；The Top 10 Javascript MVC Frameworks Reviewed；

        如果你比较关注框架的URL路由，数据存储，视图实现等细节，可以重点关注这里，javascript宝座：框架论剑；

        如果你比较关注框架的具体实例，这里有一个开源项目是专门对同一个demo采用不同的javascript mvc框架实现，可以非常明确定的看出每种框架在具体应用上的差别，具体 实现在这里，TodoMVC官方站点

MVC给我们带来的好处

        易于维护

        模型视图的解耦，意味着可以对业务逻辑更好的进行单元测试

        代码能够更好的重用

        模块化的开发能够使分工更加明确，一部分人专注业务逻辑，一部分人专注用户界面。

        回顾了经典的mvc模型，我们明白了应用中分层的概念以及每层的职责，同时也应该能够鉴别所有的javascript mvc框架与我们所解释的经典的mvc模型有什么差别。这样的话我们在选择mvc框架时就应该应该重点关注models,views,controller具体怎么实现的，甚至于具体代码怎么实现，才能够帮助我们更好的选择最适用与我们的javascript mvc框架。

转自：http://blog.csdn.net/slalx/article/details/7852681