問題描述

angular.module(’myApp’,[]).controller(’DemoController’,[’$rootScope’,’$scope’,’$http’,function($rootScope,$scope,$http){}])angular.module(’myApp’,[]).controller(’DemoController’,function($rootScope,$scope,$http){})

這兩種有什么區(qū)別？

問題解答

后面 function 傳入的參數(shù)無順序與數(shù)量要求.

第一種將傳入 function 的變量用字符串 ’$rootScope’,’$scope’,’$http’ 的方式指明, 第二種只是簡單的變量名.

因為 js 壓縮工具會將 function($rootScope,$scope,$http) 里的 $rootScope,$scope,$http 混淆壓縮掉, 比如換成了 function(a,b,c).

代碼混淆壓縮后 angular 不知道向 function 里傳入的參數(shù)(或依賴)是啥, 導(dǎo)入壓縮后不能運(yùn)行.

這是angular依賴注入的兩種方式：第一個是行內(nèi)注入，第二個是推斷式注入 （還有一種是顯示注入）區(qū)別是行內(nèi)注入：允許我們在函數(shù)定義時從行內(nèi)將參數(shù)傳入。此外，它可以避免在定義過程中使用臨時變量。推斷式注入：如果沒有明確的聲明， Angular會假定參數(shù)名稱就是依賴的名稱，但這個過程只適用于未經(jīng)過壓縮和混淆的代碼，因為Angular需要原始未經(jīng)壓縮的參數(shù)列表來進(jìn)行解析。 （不過可以再打包過程中引入gulp-ng-annotate 將推斷式注入 會轉(zhuǎn)換成 行內(nèi)注入）

建議你閱讀下angular依賴注入的方法