AngularJS已然成為Web應(yīng)用開(kāi)發(fā)世界里最受歡迎的開(kāi)源JavaScript框架。自成立以來(lái)，見(jiàn)證其成功的是驚人的經(jīng)濟(jì)增長(zhǎng)以及團(tuán)體的支持與采用——包括個(gè)人開(kāi)發(fā)者、企業(yè)、社區(qū)。

Angular已經(jīng)變成一個(gè)構(gòu)建復(fù)雜單頁(yè)面應(yīng)用的客戶端MVW框架（Model-View-Whatever）。它在應(yīng)用測(cè)試和應(yīng)用編寫(xiě)方面都扮演重要角色，同時(shí)簡(jiǎn)化了開(kāi)發(fā)過(guò)程。

Angular目前的版本為1.3，該版本穩(wěn)定，并被谷歌（框架維護(hù)者）用于支持眾多應(yīng)用（據(jù)估計(jì)，在谷歌有超過(guò)1600個(gè)應(yīng)用運(yùn)行于Angular1.2或1.3）。Angular 2.0正式宣布與去年10月份的尼日利亞會(huì)議上，該版本不會(huì)是一個(gè)復(fù)雜的重大更新。

為什么推出Angular 2.0？

在進(jìn)一步討論Angular 2.0（估計(jì)發(fā)布日期為2015年底）之前，讓我們簡(jiǎn)單的思考下新版本背后的哲學(xué)。Angular 2.0開(kāi)發(fā)始于解決以下問(wèn)題：

• 移動(dòng)：新的版本將專(zhuān)注于移動(dòng)應(yīng)用的開(kāi)發(fā)。依據(jù)是它更容易處理桌面方面的事情，一旦挑戰(zhàn)涉及到移動(dòng)（性能、加載時(shí)間），注重這方面會(huì)使問(wèn)題得到解決。
• 模塊化：各個(gè)模塊將從Angular的核心中移除，從而獲得更好的性能。這意味著你可以選擇你需要的零件。
• 現(xiàn)代化：Angular 2.0將把ES6和"常青"現(xiàn)代瀏覽器（自動(dòng)更新到最新版本）作為目標(biāo)。這意味著開(kāi)發(fā)者可以專(zhuān)注于業(yè)務(wù)領(lǐng)域相關(guān)的代碼。

有哪些爭(zhēng)議？

在尼日利亞會(huì)議上并沒(méi)有提及遷移到2.0版本的途徑。同時(shí)也指出跳轉(zhuǎn)到2.0版本將會(huì)打破原有的1.3版本應(yīng)用，不會(huì)有任何的向后兼容性。自從那時(shí)開(kāi)始開(kāi)發(fā)者社區(qū)一直充斥著不確定性和猜測(cè)，一些開(kāi)發(fā)者也開(kāi)始質(zhì)疑是否值得開(kāi)始一個(gè)新的Angular 1.3項(xiàng)目。

有哪些改變？

AtScript

AtScript是ES6的一個(gè)父集，被用于開(kāi)發(fā)Angular 2.0。它是由Traceur編譯器（連同ES6）處理來(lái)生成ES5代碼并用TypeScript類(lèi)型語(yǔ)法來(lái)生成執(zhí)行時(shí)間的斷言，以此來(lái)代替編譯時(shí)的檢查。不過(guò)AtScript并不是強(qiáng)制的，你仍然能夠使用純JavaScript/ES5代碼代替AtScript來(lái)編寫(xiě)Angular應(yīng)用。

改善依賴(lài)入駐（DI）

依賴(lài)注入（Dependency injection ）模式的基本思想是客戶類(lèi)Client不用自己來(lái)初始化它所依賴(lài)的成員變量IServer，使用一個(gè)獨(dú)立的對(duì)象創(chuàng)建IServer適當(dāng)?shù)膶?shí)現(xiàn)類(lèi)并將它賦值給Client的成員變量。它對(duì)模塊開(kāi)發(fā)與組件隔離特別有益。Angular 2.0將會(huì)解決Angular 1.X所存在的這個(gè)方面的問(wèn)題。添加丟失的的特性，如child injectors和lifetime/scope控制。

Annotations

AtScript提供工具關(guān)聯(lián)元數(shù)據(jù)和功能。這有助于構(gòu)建提供必要信息到DI庫(kù)的對(duì)象實(shí)例（檢查相關(guān)元數(shù)據(jù)時(shí)調(diào)用一個(gè)函數(shù)或創(chuàng)建一個(gè)類(lèi)的實(shí)例）。它還容易通過(guò)提供一個(gè)注解重載參數(shù)數(shù)據(jù)。

Child Injectors

一個(gè)child injector繼承了其父類(lèi)的所有性能服務(wù)。根據(jù)要求，不同類(lèi)型的對(duì)象可以被調(diào)用，并且自動(dòng)覆蓋不同的范圍。

實(shí)例范圍

改進(jìn)的DI庫(kù)將以實(shí)例范圍為特性，這在使用Child Injectors和自己的范圍標(biāo)識(shí)符時(shí)變得更加強(qiáng)大。

模板和數(shù)據(jù)綁定

在開(kāi)發(fā)應(yīng)用中，模板和數(shù)據(jù)綁定將齊頭并進(jìn)。

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

這是當(dāng)前Angular版本所缺失的一個(gè)特性，不過(guò)將在Angular 2.0中出現(xiàn)。這將讓開(kāi)發(fā)者可以在忙碌中添加新的指令或控制器。

模板

在Angular 2.0中，模板編譯過(guò)程將是異步的。由于代碼是基于ES6模塊規(guī)格，該模塊加載器將通過(guò)簡(jiǎn)單的引用組件定義來(lái)加載依賴(lài)關(guān)系。

指令

在Angular 2.0中將會(huì)出現(xiàn)三種指令：

• 組件指令——這些將通過(guò)JavaScript、HTML或一個(gè)可選的CSS樣式表的封裝邏輯創(chuàng)建可重復(fù)使用的組件。
• 裝飾指令——這些指令將被用來(lái)裝飾元素（例如添加一個(gè)工具提示，或使用ng-show/ng-hide來(lái)顯示/隱藏元素）。
• 模板指令——這些將把HTML改變?yōu)榭芍貜?fù)使用的模板。模板的實(shí)例化以及嵌入到DOM可以完全由指令控制。這樣的例子包括ng-if和ng-repeat。

路由方案

初始的Angular路由是被設(shè)計(jì)用于處理一些簡(jiǎn)單的情況。然而，隨著框架的發(fā)展，越來(lái)越多的功能被添加。在Angular 2.0中路由已經(jīng)是可擴(kuò)展的，它將包含以下基本功能：

• 簡(jiǎn)單的基于json路由配置；
• 優(yōu)于配置的可選協(xié)定；
• 靜態(tài)的。參數(shù)化的路由模式；
• URL解析器；
• 支持查詢(xún)字符串；
• 使用推送狀態(tài)或Hashchange；
• 導(dǎo)航模型（生成一個(gè)導(dǎo)航UI）；
• 文檔標(biāo)題更新；
• 404路由處理；
• 位置服務(wù)；
• 歷史操作。

現(xiàn)在，讓我們來(lái)看看那些讓Angular 2.0達(dá)到新高度的路由特性：

子路由

子路由將把應(yīng)用的每個(gè)組件通過(guò)為它們提供各自路由的方式轉(zhuǎn)換成更小的應(yīng)用，這將有助于封裝整個(gè)應(yīng)用的特性集。

屏幕激活

這將幫助開(kāi)發(fā)者通過(guò)一組can*回調(diào)更出色的控制導(dǎo)航的生命周期：

• canActivate——允許/阻止導(dǎo)航到新的控制器；
• activate——響應(yīng)成功到新的控制器的導(dǎo)航；
• canDeactivate——允許/阻止導(dǎo)航遠(yuǎn)離舊的控制器；
• deactivate——響應(yīng)成功遠(yuǎn)離舊的控制器的導(dǎo)航；

這些回調(diào)將允許開(kāi)發(fā)者返回Boolean值或一個(gè)命令（為了更低層次上的控制）。

設(shè)計(jì)

所有的這些邏輯都是使用流水線結(jié)構(gòu)構(gòu)建的，使得它非常容易將自己的步驟添加到流水線中或移除默認(rèn)的東西。此外，它的異步特性將允許開(kāi)發(fā)者使用服務(wù)器請(qǐng)求進(jìn)行身份驗(yàn)證或?yàn)榭刂破骷虞d數(shù)據(jù)，不過(guò)這還在規(guī)劃中。

日志

Angular 2.0將包含一個(gè)被稱(chēng)為diary.js的日志服務(wù)——一個(gè)非常有用的特性，測(cè)量你在應(yīng)用中時(shí)間花費(fèi)在哪里。

Scope

$scope將從Angular 2.0中移除，取而代之的是ES6類(lèi)。

結(jié)論

隨著發(fā)布日期的臨近，圍繞Angular 2.0的興奮和聲音將會(huì)加劇。是否打破改變是一件好事？我們無(wú)法知道，不過(guò)反對(duì)者感到緊張是可以理解的，因?yàn)槊黠@缺乏遷移的計(jì)劃。Duang的一下就來(lái)了。不過(guò)其既然要來(lái)了，我們可以做的就是積極的迎接它。

轉(zhuǎn)載來(lái)自于//www.iteye.com/news/30278