【51CTO.com快译】如今，随着利用JavaScript的软件运用日渐遍及，针对ReactJS与AngularJS这两类开拓技能的谈论也是此起彼伏。下面，让我们从各自的优缺陷、以及适用场景等方面，对它们进行综合比较吧。
ReactJS作为一款JavaScript的开源代码库，ReactJS供应了一整套精益工程(lean engineering)和基于段(segment-based)的事情流程。它是由Facebook供应的、可用于改进前端效果的专用措辞，目前拥有体量大且生动的社区。
React常常被用在媒体、产品转化、零售、金融创新、以及人工知识等领域。目前，Facebook网站的页面，instagram和WhatsApp运用都因此React为根本构建的。它通过各种精良的代码库和组件(apparatuses)为用户带来了更高的效率、更好的代码稳定性、以及更令人满意的搜索引擎优化(SEO)效果。
如下三方面成分每每是匆匆利用户选用ReactJS的紧张缘故原由：
1.卓越的更新能力
ReactJS拥有自己的虚拟文档工具模型(Document Object Model，DOM)。通过管理DOM中的各项变革，它能够及时更新其DOM树，并可供应良好的显示效果。也便是说，Reactjs只会在调用setState的时候，才去优先更新虚拟DOM，之后再去与实际的DOM比较较，末了按需更新实际的DOM。显然，这既减少了DOM的更新频率，又减少了其更新的内容。相对付机器地分配DOM的办法，它能够更好、更可靠地管理和规复DOM。
2.有效的SEO
常日，JavaScript框架会面临一个巨大的问题是：在升级之后，Web搜索工具每每很难找到大量JavaScript类型的运用。而ReactJS对此进行了大幅优化，可方便用户网站去捕获、吸引和留存访客。
3. ReactJS中的“段”
ReactJS通过影子(Shadow)DOM 的办法，在文档被渲染时插入子DOM。它与主文档的DOM是分离的，因此不会影响到主DOM树的内容。而作为一个可调度的组件，这样的独立段拥有各种灵巧性。例如：由于支持代码的重用，因此履历丰富的Web开拓职员可以在开拓项目中自由地重用其代码组件，从而减少花费在项目上的重复韶光。此外，React.Js拥有下载(downloading)数据流，可让那些较大的数据块在不受任何影响的情形下，被无缝且高效地输出。
ReactJS的缺陷1.文档是硬伤
不可否认，React的创新与迭代速率是有目共睹的。但是这却和它滞后的文档形成了光鲜的反差。大概是React的开拓职员过于追求性能和功能上的升级，而拖累了其文档的跟进事情。至少对付ReactJS的用户而言，他们必须自行摸索或撰写干系的指南。
2.更新得太快
凡事都有利弊。React在功能上不断得以更新的状态，反而不一定会让某些用户买账。对付他们而言，大概须要的只是一个稳定的版本，而不必持续关注其是否又更新了什么新的特性，是否须要及时跟进学习。
3. JSX语法
JSX是React的一个核心组成部分，它利用XML标记的办法，去直接声明界面，以方便界面组件之间的相互嵌套。作为一种JS的语句构造，用户可以利用HTML语句，将HTML标签传送给子组件。与XML措辞类似，它是一种带有属性树构造(即DOM构造)的语法，其目的不是为了在浏览器引擎中实现，而是要通过各种编译器，将标签编译成标准的JS措辞。
不过，在实际运用中，用户可以完备不该用JSX语法，而只利用JS语法去实现。因此，在某种程度上说，JSX的利用只是为了让代码便于阅读而已。
AngularJS作为一种受到TypeScript约束的开源式前端架构，AngularJS是从基于JavaScript的Web框架改进而来。通过AngularJS，您可以让运用程序根据模型-视图-掌握器(MVC)的模型，将运用程序的数据模型、表示信息、以及掌握信息相互分隔。AngularJS的显著优点包括：易于测试、易于扩展、易于调度、以及可直接用于工程设计等方面。总的来说，AngularJS常日被用于供应实时视频做事的运用程序中，对用户上传内容的剖析与评论网站等运用处景中。
为什么选择AngularJS?与ReactJS类似，如下三方面成分每每是匆匆利用户选用AngularJS的紧张缘故原由：
1.适用性
AngularJS的MVC架构十分清晰，彼此之间分工明确，且有极好的可扩展性。通过利用Angular，用户能够更专注于业务逻辑，而不必考虑对付HTML的影响。可见，由它供应的功能具有低耦合性，能够与运用程序的其他部分相隔离，以方便用户对某个工具进行轻易地修正或更换，而不会对其他工具产生影响。同时，在AngularJs中，路由意味着从一个视图移动到另一视图，因此非常方便、随意马虎。
2.测试
AngularJS可以通过依赖注入(Dependency Injection，DI)，连接到各种掌握器(controller)上，以开展诸如单元测试、中途测试，以及端到端测试。个中，AngularJS的单元测试框架名为Karma。它是通过将仿照信息注入到监管器(regulator)中来实现测试目的。
3.用户界面(UI)
鉴于HTML是一种信息性且易读懂的措辞，AngularJS利用HTML来描述Web运用程序的UI。您可以在HTML中利用各种功能性的特色，来描述哪部分将会利用哪个调节器。而通过管理各种条件，AngularJS不但增强了用户与Web之间的互动，而且准确地描述了用户的真实需求。同时，在AngularJs中，您只需编写很少的代码即可实现DOM的各项操作。
AngularJS的缺陷1. 对SEO支持较差
有过开拓履历的用户都知道，在利用AngularJS将Web程序从以PHP、Spring、以及MVC等做事器真个渲染办法，改为前端渲染加上Ajax的，通过Restful API来要求数据的纯客户端模式后，搜索引擎每每无法从页面上的数据中爬取相应的搜索索引。这也便是为何单页面运用程序须要利用JavaScript，去定期更新内容和元标签(Meta labels)的缘故原由。
2.反向切换问题
设计职员无法直接从AngularJS切换到Angular。在Angular的文档中，有一整段内容清晰地描述了，所有能够处理转换的办法，唯独没有提到从AngularJS切换到Angular。
3. 与MVC高度关联
如前所述，AngularJS是一款遵照着MVC模型的框架。因此，如果您有着前后端交互的开拓履历，就能很随意马虎地理解MVC的干系实践;相反，如果您仅具备纯前端开拓的知识，则很难明得MVC以及Angular。
ReactJS与AngularJS，到底该怎么选?我们可能面对的开拓项目每每是五花八门的。它们有的看重的是功能上的多样性，有的在意的是向下兼容性，有的须要有强大的可扩展性，而有的则该当具有高效的性能。那么，我们该如何在ReactJS与AngularJS之间做出明智的选择呢?下面是我的一些建议：
如果您习气了C#和Java等传统且明确的编程办法，而且精通CSS、HTML和JavaScript等编程措辞，那么AngularJS将会是您的精确决定。如果您须要制作的运用程序，可能会被用到游戏等快速运行环境中，或是须要进行持续改进，亦或须要在各种不同的部分之间进行状态的转换，那么ReactJS会更加适宜一些。Angular的在功能上更为强大。它不但能够对用户供应全方位的支持，而且能够为前真个改进供应丰富帮助和设备集支持。不过，其发起方—Google曾在社区里表示：目前，该项目已不再推进，他们会致力于将AngularJS逐渐过渡为Angular 2+(https://dzone.com/articles/angular-2-vs-react)。React已经在本领域积累了丰富的履历，并对本社区做出了不少承诺。它通过实行一种所谓“轻量级”的方法，来方便用户快速上手，而无需投入更多的学习精力。就开拓速率和闇练程度而言，AngularJS凭借着其卓越的CLI，不但能够加快事情区和配置事情的改进速率，还能够通过单行代码(one-line codes)的办法，构建出不同的段，以及包含了广泛内容组合的简洁代码。在利用外部代码库时，React的速率和效率可能会受到影响。这就迫使ReactJS开拓职员事先选好恰当的设计组件。由于采取的是虚拟的DOM，因此在ReactJS中无论DOM树的整体还是部分被改变或调度，树的信息构造会按需被更新。也便是说，开拓者对变动的跟踪和刷新，并不会影响到树的其他部分。而利用真实DOM的AngularJS，则须要查找和识别到底是哪些部分须要变动。当然，AngularJS在识别和实行变动时，其效率并不会受到限定。原文标题：ReactJS Vs. AngularJS，作者：Sidharth Jain
【51CTO译稿，互助站点转载请注明原文译者和出处为51CTO.com】
