12 种 JavaScript MVC 框架之比较

  • 侯伯薇

2012 年 5 月 28 日

话题:Web框架JavaScript语言 & 开发架构

Gordon L. Hempton 是西雅图的一位黑客和设计师,他花费了几个月的时间研究和比较了 12 种流行的 JavaScript MVC 框架,并在博客中总结了每种框架的优缺点,最终的结果是,Ember.js胜出。

此次比较针对的特性标准有四种,分别是:

  • UI 绑定(UI Bindings)
  • 复合视图(Composed Views)
  • Web 表现层(Web Presentation Layer)
  • 与其他框架良好协作(Plays Nicely with Others)

对于各种 JavaScript MVC 框架,Gordon 都总结了优缺点:

  1. Backbone.js——优点:强大的社区,强劲的势头;缺点:抽象较弱,很多功能亟待增加。
  2. SproutCore——优点:对绑定的支持,可靠的社区,大量特性;缺点:过度规范,难以和不需要的特性解耦。
  3. Sammy.js——优点:易于学习,更容易和现存的服务端应用程序整合;缺点:过于简单,无法应用于大型应用程序中。
  4. Spine.js——优点:轻量级,文档很完备;缺点:它的核心概念“spine”是异步的用户界面,这意味着理想状况用户界面永远不会发生堵塞,而这个基础有缺陷。
  5. Cappuccino——优点:大型深思熟虑后的框架,良好的社区,很棒的继承模型;缺点:由 iOS 开发者创建,使用 JavaScript 模拟 Objective-C。
  6. Knockout.js——优点:对绑定的支持,完备的文档和教程;缺点:绑定语法拙劣,缺少统一的视图组件层级关系。
  7. Javascript MVC——优点:可靠的社区;缺点:基于字符串的继承模型很差,控制器与视图关系过密而缺少绑定。
  8. GWT(Google Web Toolkit)——优点:全面的框架,良好的社区,可靠的基于 Java 的组件继承模型;缺点:可能无法经受时间的考验,另外,Java 在客户端上的抽象有些笨拙。
  9. Google Closure——优点:很好的基于组件的 UI 组合系统。缺点:缺少 UI 绑定支持。
  10. Ember.js——优点:很丰富的模板系统,拥有复合视图和 UI 绑定;缺点:相对较新,文档不够完备。
  11. Angular.js——优点:对模板范围和控制器设计有很好的考虑,拥有依赖注入系统,支持丰富的 UI 绑定语法。缺点:代码的模块性不强,视图的模块化也不够。
  12. Batman.js——优点:代码清晰,绑定、持久化的方法简单;缺点:使用了单例控制器。

经过对以上各种 Javascript MVC 框架特性的比较,Gordon 认为只有Ember.js能够完全满足他的要求,从而成为他最终选用的框架。

你是否也使用过某些 JavaScript MVC 框架呢?欢迎参与讨论。

关注 IT 趋势,承载前沿、深入、有温度的内容。感兴趣的读者可以搜索 ID:laocuixiabian,或者扫描下方二维码加关注。

Web框架JavaScript语言 & 开发架构