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

浏览数：29 / 时间：2015年06月08日

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

如果有心搜索的话，你能找出上百种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框架在某种程度上来说是灵活的，但不够灵活。