我们可以将这些JavaScript MVC框架看成是帮助开发者构建单页应用的常用特性集合。每个框架实现这些特性的方式，或者不实现这些特性的方式（通过其他库来补全框架的功能）是值得留心的。

JavaScript MVC框架的主要特性是什么？

除此以外，一些框架提供常用的语言层面的服务，例如通用的pub/sub事件模型和面向对象的继承支持。

数据绑定

这是最受吹捧的特性。你通过HTML input修改了数据，绑定到input的JavaScript对象马上更新，其他绑定的用户接口元素也随之更新。在很多框架中，反之亦然。如果你修改了JavaScript对象，html会自动刷新。这是一个web上的双向的数据绑定，我们在Flex、Windows Forms、WPF等富客户端应用框架中见过这类绑定。以下的表格显示了哪些框架支持数据绑定。

有些人可能持有异议，因为Backbone和Spine部分支持数据绑定。但是我觉得大量工作需要留给开发者，保险起见，不如说这些库不支持这些特性。

视图模板

客户端的JavaScript数据模型需要穿插在HTML中，这些框架采用两种方式解决问题。

基于字符串的模板（目前最流行的是handlebars.js），将字符串、文本模板中的动态部分替换为模型中的数据。字符串常被提到也饱受争议的特性之一是性能。其缺点是调试控制语句类的逻辑很困难。

基于DOM的模板拥抱标记语言的声明式本性，这是开了挂的html，通过html中的附加属性来描述需要的绑定和事件。这些库需要的代码大大减少，为开发者做了很多事情。

模型（可观察的：跟踪改动）

一些框架（Backbone、Spine）更专注于模型，要求开发者在base模型的基础上扩展JavaScript类，通过.get()和.set()访问属性，这样就能跟踪改动，模型的变动也会触发事件。KnockoutJS让开发者在原始的JavaScript对象上应用可察封装，然后通过object.propertyName()访问属性（小心，别丢了括号）。

其他库（AngularJS）对页面上的所有绑定的DOM元素作脏检查，因为没有标准的get和set访问器。因此将这些库用于大页面时将导致性能问题。这些库不仅需要更少的刷新模板的代码，也不需要你使用特定的get和set访问器来修改模型中的数据，所以你可以使用原始的JavaScript对象。这大大提升了开发效率，这一点在框架的初学者身上体现得尤为明显。

数据存储

这些框架通过以下方式将数据存储到服务器

REST

一些框架默认预设后端有非常整洁的REST JSON服务，并且，至少在默认的情况下，前端与后端频繁交互，在后台异步更新数据，而用户界面响应流畅。这些框架内部使用jQuery或Zepto发送合适的AJAX请求给服务器。用户界面的HTML DOM元素监听应用的JavaScript对象模型的改动，同步机制得到模型属性的更改提醒，将改动发送给REST服务，确保模型和服务器同步。

在线和离线

Backbone默认在客户端保存数据之前发送请求，这样服务器端和客户端同步就很容易。和Backbone非常类似的Spine框架，采用了不同的方式，在异步发送请求到服务器前，先在客户端存储记录，这提供了更好的用户界面响应，在移动应用中常发生的离线状态下也能工作。如果你的项目需要支持离线，需要了解清楚框架对该特性的支持

DIY

这些框架要求开发者使用$.ajax(jQuery)来调用服务，或者添加兼容的开源库处理数据存储需求。

数据存储特性

Meteor之类精心制作的框架拥有更完整的数据存储方案，但是要求服务器端有MongoDB数据库。这类方案试图提供一个扩展性优异的默认解决方案，提供从头到尾的JavaScript开发体验。

以下的表格总结了每个框架是如何处理数据存储的。

路由

将URL路由映射到JavaScript函数，可以支持浏览器的后退按钮。单页应用最大的缺点之一是由于页面无刷新，浏览器历史不会添加条目，所以后退按钮通常无法将用户带回页面的前一状态，除非开发者在主要的状态改变时做一些额外的工作，通过在URL后附加井号，或者，使用现代浏览器的push和pop状态，实现状态跟踪机制。总之，大多数项目都提供基本、初步而有用的功能。Knockout的做法很简单，允许你使用其他的第三方开源库。

苹果对苹果

考察各个框架的特性之后，我发现我并不是在做一个“苹果对苹果”的比较。一个更为公平的比较也许是将AngularJS和EmberJS之类全面的框架与配合第三方库使用的Backbone和KnockoutJS之类的MV*框架进行比较。具体来说，下面的比较会更有意义：

以后的博客中我会继续深入。

告诉我更多

为项目选择JavaScript MVC框架时有大量需要考虑的事项，我希望本文是一个良好的开始。请在评论中分享你使用这些框架的体验，包括它们的优异之处，也包括它们使用上的陷阱。

原文
翻译 SegmentFault