隨著需求的變化和開發(fā)人員構(gòu)建更好的軟件版本，支持互聯(lián)網(wǎng)的技術(shù)往往會快速變化、進步和發(fā)展。Angular就是一個很好的例子，在短短幾年內(nèi)就發(fā)生了巨大的變化。

谷歌于2009年開發(fā)了AngularJS，并于2012年發(fā)布了1.0版。Angular自此主導(dǎo)了開源JavaScript框架的世界，得到了企業(yè)和個人的熱情支持和廣泛采用。因此，Angular在短短五年內(nèi)從AngularJS1.0版發(fā)展到了Angular-2.0版，現(xiàn)在又發(fā)展到了最新的Angulars4.0版。

盡管升級帶來了潛在的好處，但Angular社區(qū)中的一些人仍然擔(dān)心遷移到新版本。繼續(xù)閱讀，了解Angular發(fā)生了哪些變化，以及為什么遷移到最新版本是個好主意。

什么是Angular？

Angular是一個用TypeScript編寫的開源JavaScript框架。Google維護它，并為開發(fā)者提供一個標準結(jié)構(gòu)。Angular使用HTML語法來清晰地定義程序的組件。它使開發(fā)人員能夠以可維護的方式構(gòu)建大型應(yīng)用程序。

Angular版本的類型

Angular

是一個開源的、基于JavaScript的前端web應(yīng)用程序框架，用于動態(tài)web應(yīng)用程序開發(fā)。它利用HTML作為模板語言。通過使用指令擴展HTML屬性和使用表達式將數(shù)據(jù)綁定到HTML，AngularJS創(chuàng)建了一個可讀、極具表現(xiàn)力和快速開發(fā)的環(huán)境。

Angular2

是指AngularJS之后的Angular2、Angular-4和所有其他版本的總稱。Angular2和4都是開源的、基于TypeScript的前端web應(yīng)用程序平臺。

Angular4

是Angular的最新版本。雖然Angular2是對AngularJS的完全改寫，但Angular2和Angular4之間沒有重大區(qū)別。Angular4只是一種改進，與Angulars2向后兼容。

AngularJs和Angular版本之間的差異

下面是AngularJS與Angular的比較，因為Angular包括版本2和版本4。我們比較了架構(gòu)、語言、表達式語法、移動支持和路由。

1.架構(gòu)

AngularJS

AngularJS的架構(gòu)基于模型-視圖-控制器（MVC）設(shè)計。模型是表示應(yīng)用程序行為并管理其數(shù)據(jù)、邏輯和規(guī)則的中心組件。視圖根據(jù)模型中的信息生成輸出?？刂破鹘邮茌斎?，將其轉(zhuǎn)換為命令，并將命令發(fā)送到模型和視圖。

Angular

Angular使用組件和指令，組件是帶有模板的指令。

Angular2

在Angular2中，控制器和$scope被組件和指令取代。組件是帶有模板的指令，它們處理頁面上應(yīng)用程序和邏輯的視圖。Angular2中有兩種指令，它們是通過刪除和替換DOM元素來改變DOM布局的結(jié)構(gòu)指令，以及改變DOM元素行為或外觀的屬性指令。

在Angular4中，結(jié)構(gòu)導(dǎo)數(shù)ngIf和ngFor得到了改進，你可以在模板中使用if/else設(shè)計語法。

2.語言

AngularJS

AngularJS是用JavaScript寫的。

Angular版本

Angular使用微軟的TypeScript語言，這是JavaScript的超集。這有類型聲明的優(yōu)點，也有ES6的好處，比如迭代器和lambdas。Angular4與最新版本的TypeScript兼容，后者具有強大的類型檢查和面向?qū)ο蠊δ堋?/p>

3.表達式語法

AngularJS

要用AngularJS綁定圖像/屬性或事件，必須記住正確的ng指令。

Angular版本

Angular側(cè)重于“()”進行事件綁定，“[]”進行屬性綁定。

4.移動支持

AngularJS不是為移動支持而設(shè)計的，但Angular、Angular2和Angular4具有移動支持功能。

5.按指定路線發(fā)送

AngularJS使用$routeprovider.when()來配置路由，而Angular使用@RouteConfig{(…)}。

6.表演

AngularJS最初是為設(shè)計師開發(fā)的，而不是開發(fā)人員。盡管它的設(shè)計有一些進化性的改進，但它們不足以滿足開發(fā)者的需求。后來的版本Angular2和Angular4已經(jīng)過升級，提供了性能的全面改進，尤其是在速度和依賴注入方面。

速度

通過提供雙向綁定等功能，AngularJS減少了開發(fā)工作量和時間。然而，通過在客戶端創(chuàng)建更多的處理，頁面加載花費了相當(dāng)多的時間。Angular2提供了一個更好的結(jié)構(gòu)來更容易地創(chuàng)建和維護大型應(yīng)用程序，以及一個更好的變化檢測機制。Angular4是目前最快的版本。

依賴注入

Angular實現(xiàn)了單向的基于樹的變化檢測，并使用了分層依賴注入系統(tǒng)。這大大提高了框架的性能。

結(jié)論

顯然，AngularJS仍然有用，否則現(xiàn)在每個人都已經(jīng)遷移到Angular2或4了。Angular的每個版本都有很大的好處，但是使用最新版本會有很大的收獲。Angular無疑比AngularJS更快，有一個移動驅(qū)動的方法，更好地執(zhí)行組件，并支持從早期版本的平滑遷移。如果你對Angular的一個版本感到滿意，那么切換到另一個版本對你來說應(yīng)該很容易——而且非常值得。

以上就是本次分享的全部內(nèi)容，想學(xué)習(xí)更多編程技巧，歡迎持續(xù)關(guān)注六星云課堂！