AngularJS 依賴注入如何處理縮小，最佳實踐是什麼？

AngularJS 依賴注入縮小注意事項

AngularJS 依賴注入機制在縮小 JavaScript 時提出了挑戰。預設依賴注入語法使用函數聲明，這在縮小期間可能會出現問題。

標準注入語法

之前：

var MyController = function($scope, $http) {
    $http.get('https://api.github.com/repos/angular/angular.js/commits')
      .then(function(response) {
        $scope.commits = response.data
      })
  }

縮小期間，變數$scope 和$http 可能會被重新命名，從而破壞依賴注入系統。

注入式語法

要解決此問題，建議使用注入式語法：

var MyController = ['$scope', '$http', function($scope, $http) {
  $http.get('https://api.github.com/repos/angular/angular.js/commits')
    .then(function(response) {
      $scope.commits = response.data
    })
}]

在此語法中，依賴項數組作為字串傳遞，在縮小過程中保留依賴項的標識。

總是使用注入式?

是的，建議永遠使用注入式語法。這可以確保依賴注入系統即使在縮小後也能正常運作。

其他選項

作為替代方案，您可以在建造期間使用 ng-annotate npm 套件過程以避免需要冗長的注入式語法。 NG-annotate 分析您的 JavaScript 程式碼並將依賴註解新增至函數宣告中，使其縮小安全性。

以上是AngularJS 依賴注入如何處理縮小，最佳實踐是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！