摘要：的特性和性能是的超集，用于幫助的開(kāi)發(fā)。注解提供了連接元數(shù)據(jù)和功能的工具。通過(guò)在庫(kù)中提供基本信息可以調(diào)用函數(shù)或創(chuàng)建類的實(shí)例來(lái)檢查相關(guān)元數(shù)據(jù)，從而簡(jiǎn)化了對(duì)象實(shí)例的構(gòu)建。停用它會(huì)響應(yīng)跳出舊控制器的成功事件。

在Web應(yīng)用開(kāi)發(fā)領(lǐng)域，Angular被認(rèn)為是最好的開(kāi)源JavaScript框架之一。

Google的Angular團(tuán)隊(duì)已于3月23日發(fā)布了Angular4，而期待已久的Angular2版本則是之前版本的完全重構(gòu)。

對(duì)于成熟的開(kāi)發(fā)人員來(lái)說(shuō)，有以上兩種選擇是一件很棒的事情；但是，對(duì)于處于學(xué)習(xí)階段的新晉開(kāi)發(fā)人員來(lái)說(shuō)，可能有點(diǎn)不知如何選擇。

那么，本文將會(huì)對(duì)Angular2和Angular4進(jìn)行深度對(duì)比，以便幫助大家更好的了解這兩個(gè)版本。

Angular2是在2015年底發(fā)布的。接下來(lái)一起了解Angular2這個(gè)版本發(fā)布的原因以及如何將其添加到Web開(kāi)發(fā)中。

這個(gè)Angular版本更加注重于開(kāi)發(fā)移動(dòng)應(yīng)用程序，開(kāi)發(fā)人員可以使用它創(chuàng)建跨平臺(tái)的應(yīng)用程序，在解決了移動(dòng)應(yīng)用程序（功能，加載時(shí)間等）的挑戰(zhàn)后，Angular2可以更容易的處理桌面組件。

許多模塊被淘汰出了Angular核心，這也促使Angular2具備更好的性能。Angular走向了不斷增長(zhǎng)的模塊生態(tài)系統(tǒng)，這意味著開(kāi)發(fā)者可以自由的選擇所需的組件。

Angular 2.0基于ES6標(biāo)準(zhǔn)和“evergreen”現(xiàn)代瀏覽器（可自動(dòng)更新到最新版本的瀏覽器）。在這些瀏覽器上構(gòu)建應(yīng)用，意味著可以更容易的使用Angular進(jìn)行開(kāi)發(fā)和優(yōu)化，從而允許開(kāi)發(fā)人員更專注于公司業(yè)務(wù)實(shí)現(xiàn)的代碼。

Angular2 的特性和性能

AtScript是ES6的超集，用于幫助Angular2的開(kāi)發(fā)。它由Traceur編譯器（結(jié)合ES6）進(jìn)行處理，然后生成ES5代碼，并使用TypeScript語(yǔ)法創(chuàng)建運(yùn)行時(shí)類型斷言。但是，AtScript不是強(qiáng)制性的，開(kāi)發(fā)人員仍然可以選擇只使用純JavaScript / ES5代碼來(lái)構(gòu)建Angular應(yīng)用程序。

提升依賴注入（DI）：

依賴注入（一種程序設(shè)計(jì)模式，可以通過(guò)依賴關(guān)系實(shí)現(xiàn)調(diào)用，而不需要生成）是一種Angular顯著區(qū)別于其競(jìng)爭(zhēng)對(duì)手的特性。依賴注入在模塊化開(kāi)發(fā)和元素隔離方面非常有幫助，但它的實(shí)現(xiàn)一直受到Angular 1.x的困擾。Angular2解決了這個(gè)問(wèn)題，另外還添加了一些缺少的功能，如子注入以及生命周期/范圍控制。

注解：

AtScript提供了連接元數(shù)據(jù)和功能的工具。通過(guò)在DI庫(kù)中提供基本信息（可以調(diào)用函數(shù)或創(chuàng)建類的實(shí)例來(lái)檢查相關(guān)元數(shù)據(jù)），從而簡(jiǎn)化了對(duì)象實(shí)例的構(gòu)建。通過(guò)提供注入注釋，使得參數(shù)信息重寫也變得簡(jiǎn)單。

子注入：

子注入繼承了其父級(jí)注入所有的專業(yè)服務(wù)，以及在子層次重寫的能力。根據(jù)需要，在一定范圍內(nèi)，一些類型的對(duì)象可以被調(diào)用和機(jī)械的重寫。

實(shí)例范圍：

增強(qiáng)的DI庫(kù)是由實(shí)例范圍控制器組成的，當(dāng)與子注入器連同范圍標(biāo)識(shí)符一起使用時(shí)，會(huì)更加強(qiáng)大。

動(dòng)態(tài)載入：

這是之前的Angular版本均不具備的功能，Angular2包含了這個(gè)功能，即使在開(kāi)發(fā)人員忙碌時(shí)，也能夠添加新的指令或控件。

模板：

在加粗文字Angular2中，模板編譯過(guò)程是異步的。由于代碼依賴于ES6模塊，因此模塊加載程序?qū)⑼ㄟ^(guò)在部分組件上引用它們，來(lái)加載依賴關(guān)系。

指令：

Angular2提供了三種指令：

組件指令：通過(guò)將邏輯封裝在HTML，CSS和JavaScript中，從而使得組件可復(fù)用。
裝飾器指令：可用于裝飾元素（例如，通過(guò)隱藏/顯示元素ng-hide/ng-show或添加工具提示）。
模板指令：可以將HTML轉(zhuǎn)換為可復(fù)用的模板。該模板的實(shí)例化以及插入到DOM過(guò)程可以完全由指令創(chuàng)建者控制。例如ng-repeat和ng-if。

子路由

子路由將通過(guò)提供自身的路由功能，將程序的每個(gè)部分轉(zhuǎn)換為更緊密的應(yīng)用程序，這有助于整個(gè)程序功能集合的封裝。

Screen Activator：

通過(guò)Angular 2，開(kāi)發(fā)人員可以通過(guò)一系列can *回調(diào)對(duì)導(dǎo)航生命周期進(jìn)行更好的控制。

canActivate：它允許或阻止導(dǎo)航到新的控件。
激活：它會(huì)響應(yīng)導(dǎo)航到新控件的成功事件。
canDeactivate：它將防止或允許跳出舊控制器的導(dǎo)航。
停用：它會(huì)響應(yīng)跳出舊控制器的成功事件。

設(shè)計(jì)：

所有這些邏輯都是使用管道架構(gòu)創(chuàng)建的，這使得將自己的操作添加到管道中或刪除默認(rèn)操作變得非常簡(jiǎn)單。此外，它的異步字符允許開(kāi)發(fā)人員在管道中，實(shí)現(xiàn)對(duì)用戶進(jìn)行身份驗(yàn)證或加載控件信息的服務(wù)器請(qǐng)求。

記錄：

Angular 2.0包括一個(gè)名為diary.js的日志記錄服務(wù)，這是一個(gè)非常有用的屬性，用于測(cè)量開(kāi)發(fā)人員的編碼投入時(shí)間（從而允許開(kāi)發(fā)人員識(shí)別代碼中的瓶頸）。

scope：

$scope 從Angular2中刪除了。

Angular4 的特性和性能

相比于Angular 2，Angular4的功能列表中添加了許多新功能，同時(shí)還有一些舊功能的改進(jìn)。

更小更快：

使用Angular4，程序?qū)?huì)消耗更少的空間，并比以前的版本運(yùn)行地更快。工作主要用于不斷進(jìn)行改進(jìn)。

視圖引擎：

Angular4的開(kāi)發(fā)人員修改了視圖引擎的代碼，例如AOT創(chuàng)建的代碼。這些修改促使視圖部分生成的代碼大小減少了大約60％。模板越是復(fù)雜，節(jié)省的就越多。

動(dòng)畫包：

Angular4的開(kāi)發(fā)人員將動(dòng)畫從Angular的核心部分提取出來(lái)，并將它們放在獨(dú)立的包中。這意味著如果開(kāi)發(fā)人員不需要使用動(dòng)畫，就可以不創(chuàng)建這些額外的代碼。

這個(gè)功能還能夠幫助更方便的查找docs文件和使用自動(dòng)完成功能。開(kāi)發(fā)人員可以通過(guò)為@angular/platform-b??rowser/animations引入瀏覽器動(dòng)畫模塊，從而實(shí)現(xiàn)為主要的NgModule添加動(dòng)畫功能。

改進(jìn) ngIf 和 ngFor：

模板綁定語(yǔ)法目前支持一些少量有幫助的更改。現(xiàn)在，開(kāi)發(fā)人員已經(jīng)可以使用if/else設(shè)計(jì)??語(yǔ)法，并分配局部變量了。

Angular Universal：

此版本是Universal團(tuán)隊(duì)幾個(gè)月的工作成果。這個(gè)Universal版本的代碼的絕大多數(shù)目前位于@angular/platform-server。

TypeScript 2.1和2.2兼容性：

Angular4開(kāi)發(fā)組將Angular升級(jí)為更新版本的TypeScript。這將提高ngc的速度，方便開(kāi)發(fā)人員將在編碼過(guò)程中更好的進(jìn)行類型檢查。

模板的源映射：

每當(dāng)模板中的某些內(nèi)容出現(xiàn)錯(cuò)誤時(shí)，都將創(chuàng)建源映射，為原始模板提供有意義的說(shuō)明內(nèi)容。

結(jié)論：

對(duì)于仍處于學(xué)習(xí)階段的人來(lái)說(shuō)，Angular會(huì)有點(diǎn)混亂。但對(duì)于具有Angular2知識(shí)的有經(jīng)驗(yàn)的開(kāi)發(fā)人員來(lái)說(shuō)，會(huì)覺(jué)得Angular很容易使用，并且使用Angular對(duì)項(xiàng)目非常有幫助。

原文鏈接：https://dzone.com/articles/an...

轉(zhuǎn)載請(qǐng)注明出自：葡萄城控件