[转]三大JavaScript框架对比——AngularJS、BackboneJS和EmberJS

三大JavaScript框架对比——AngularJS、BackboneJS和EmberJS

[日期：2015-03-04]

来源：Linux社区  作者：chszs

[字体：大 中 小]

 

如果有心搜索的话，你能找出上百种JavaScript框架。当我们要开发一个现代化的、敏捷酷炫的网站时，JavaScript是必备的基础技术。那么问题来了，如何在这么多JavaScript框架中选取最能满足我们需求的框架？这是一个难题。而且还有很多挑战，比如要让网站在不同的客户端浏览器上表现出一致的行为和外观，这也很不容易。选择最适合的JavaScript库来辅助我们的开发，简化开发难度和减少开发耗时。

最流行的JavaScript库是jQuery，它提供了一套JavaScript函数，减少了很多开发工作。但是jQuery只是一个辅助库，真正要在前端MVC模式上有大作为的库，还是要数下面的三个JavaScript库：AngularJS、BackboneJS和EmberJS。下面我将对这三个JavaScript库做对比。

一、介绍

1、AngularJS

AngularJS是一个开源的JavaScript框架，由Google发明并负责演进和维护。AngularJS基于MVC架构，目标是使得开发和测试更富有效率、更加容易。AngularJS扩展了传统的HTML代码，使得动态内容能够和页面元素进行双向绑定。AngularJS是一个独立的框架，这意味着它不依赖于任何别的JavaScript框架。

2、BackboneJS

BackboneJS是一个开源的、轻量级的MVC框架。它诞生于2010年，发展的非常迅速，很快就成长为一种替代笨重的、全功能MVC架构（比如ExtJS）的JavaScript框架。这使得很多国外互联网公司开始采用它来构建自己的应用服务。比如Pinterest、Flixster、AirBNB等公司。BackboneJS库提供了一种键值绑定、自定义事件的模型，使得Web应用富有结构化，而且还有一套带枚举函数和视图的丰富API的集合。BackboneJS库可以通过RESTful风格的JSON接口来连接你现有的API。BackboneJS库依赖于Underscore.js库。

BackboneJS以数据为模型，可以对模型进行创建、验证、销毁、保存到服务器端等操作。视图用于显示模型的状态，当属性发生了改变时，能被触发，视图可以做出相应的反应，并重现新信息。BackboneJS是在一套最小的数据结构（模型和集合）和用户界面（视图和URL）原语之间的一个尝试，对于构建JavaScript的Web应用非常有用。

3、EmberJS

EmberJS要追述源头得回到2007年，它源于SproutCore MVC框架，SproutCore框架最初是由SproutIt公司开发，后来由Apple接手并演进和维护。直到2011年，Yehuda Katz（他是jQuery项目和Ruby on Rails项目的核心贡献者）发起了EmberJS项目。值得注意的是，EmberJS库的用户包括雅虎、Groupon和ZenDesk等互联网公司。

EmberJS允许开发者创建可扩展的单页Web应用。它提供了一套丰富的Handlebars.js库，功能包括：提供了对象模型、声明式的两路数据绑定、可计算的属性、自动化更新的模板，还提供了一个路由器来管理应用程序的状态。

二、比较

1、社区

选择框架的一个重要因素是框架社区的规模和开发者的数量和活跃度。三者相比，AngularJS社区规模最大、发展更快、社区也最有活力。而且AngularJS在GitHub的跟随者也更多，在StackOverflow的问答也更多。

2、框架的大小

页面加载时间是Web应用成功的关键因素之一。用户需要能快速地访问信息，影响页面加载时间的两个因素：JavaScript框架的大小和启动它所需的时间。

比较这三个框架的压缩版：AngularJS 1.2版有105KB，EmberJS 1.9.1版有97KB，BackboneJS 1.1.2版有65KB。但是，AngularJS框架无任何依赖，BackboneJS框架依赖于Underscore.js库（52KB），EmberJS框架和BackboneJS框架通常需要jQuery库（82KB）来简化操作。因此，AngularJS框架的大小才是真正最小的。

3、模板

AngularJS框架和EmberJS框架都包含了一个模板引擎。而BackboneJS框架无模板引擎，开发者需要选择一个第三方模板引擎集成到项目中。当然，对于BackboneJS框架来说，Underscore.js库就包含了模板引擎，可以用它。

4、灵活性

有很多JavaScript插件可以完成很多专门的工作。这是非常有用的，因为每一种框架都无法做到面面俱到。所以，对于框架来说，支持插件、支持扩展就很重要了。三者相比，BackboneJS框架是最灵活的框架，因为它的约定最少，开发者在使用时可以自己做很多决定。EmberJS框架和AngularJS框架在某种程度上来说是灵活的，但不够灵活。

5、学习曲线

AngularJS框架的开发者可以快速构建Web应用，快速使用双向绑定，基本上无需学习。但是要深入掌握AngularJS框架，就需要学习一些专业术语，学习曲线也比较陡峭。EmberJS框架的学习曲线就比AngularJS平滑一些。

BackboneJS框架更容易学习，但是要掌握它还需学习Underscore.js库。

三、结论

没有最好的JavaScript框架，只有最适合自己的JavaScript框架。一般来说，AngularJS框架相对更好一些，它发展最迅猛，更有活力，有庞大的社区和Google在背后支持。BackboneJS是极简主义的框架，它体积小、易于学习。

AngularJS权威教程 清晰PDF版  http://www.linuxidc.com/Linux/2015-01/111429.htm

希望你喜欢，并分享我的工作~带你走近AngularJS系列：

1. 带你走近AngularJS - 基本功能介绍 http://www.linuxidc.com/Linux/2014-05/102140.htm
2. 带你走近AngularJS - 体验指令实例 http://www.linuxidc.com/Linux/2014-05/102141.htm
3. 带你走近AngularJS - 创建自定义指令 http://www.linuxidc.com/Linux/2014-05/102142.htm

如何在 AngularJS 中对控制器进行单元测试 http://www.linuxidc.com/Linux/2013-12/94166.htm

在 AngularJS 应用中通过 JSON 文件来设置状态 http://www.linuxidc.com/Linux/2014-07/104083.htm

AngularJS 之 Factory vs Service vs Provider http://www.linuxidc.com/Linux/2014-05/101475.htm

AngularJS —— 使用 ngResource、RESTful APIs 和 Spring MVC 框架提交数据 http://www.linuxidc.com/Linux/2014-07/104402.htm

AngularJS 的详细介绍：请点这里
AngularJS 的下载地址：请点这里

本文永久更新链接地址：http://www.linuxidc.com/Linux/2015-03/114453.htm