淺談AngularJS中的$parse和$eval

AngularJS的初學者經常會對$parse和$eval兩個內建服務感到有些困惑，今天咱們就來講說AngularJS中的$parse和$eval。

總的來講，$parse和$eval都是做用於AngularJS的表達式。

什麼是表達式？
AngularJS中的表達式就是一些相似於JavaScript代碼的代碼片斷（可是它們和JavaScript代碼有不盡相同）。表達式一般被用來防止在綁定中，例如{{expression}}。下面是一個例子：

1 + 2 = {{ 1 + 2 }}
或者：

My name is {{ user.name }}
$parse服務
$parse服務能夠講一個表達式轉換爲一個函數。這個函數能夠被調用，其中的參數是一個上下文對象，一般來講是做用域。

另外，經過$parse的表達式返回的這個函數有一個assign屬性。這個assign屬性也是一個函數，它能夠用來在給定的上下文中改變這個表達式的值。

下面是一段簡單的代碼：

<div my-attr="obj.name" my-directive>testing</div>

app.directive('myDirective',function($log,$parse){
return function(scope,elem,attrs){
//解析"my-attr屬性值到一個函數中"
var model = $parse(attrs.myAttr);
//model如今是一個函數，能夠調用它來獲取表達式的值
//下面這行代碼將會輸出做用域中obj.name的值
$log.log(model(scope));

elem.bind('click',function(){
//'model.assign'也是一個函數，它用來更新表達式的值
model.assign(scope,'New name');
scope.$apply();
})
}
});
上面的例子能夠充分體現咱們爲何須要$parse服務。若是屬性值是name，那麼咱們徹底能夠不用$parse，只用scope[attrs.myAttr]便可。可是在上面的例子中，方括號並無論用。

$eval服務
$eval是一個做用域scope中的方法，它將會在當前做用域中執行一個表達式並返回結果：

scope.a = 1;
scope.b = 2;

scope.$eval('a+b'); // 3