理解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】,收到通知后,监听者会做相应的变化。


理解JavaScript MVC 框架_第1张图片

View

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


理解JavaScript MVC 框架_第2张图片

Controllers

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


理解JavaScript MVC 框架_第3张图片

MVC给我们带来的好处

        易于维护

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

        代码能够更好的重用

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

你可能感兴趣的:(理解JavaScript MVC 框架)