問題描述

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

這兩種有什么區別？

問題解答

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

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

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

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

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

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