如何在AngularJS中管理全局狀態

在AngularJS中，管理全局狀態的最佳實踐是使用服務（Services）和常量（Constants）

1. 使用服務（Services）:

創建一個服務來存儲全局狀態，可以實現狀態的集中管理和共享。服務是單例的，這意味著在整個應用程序中只有一個實例。以下是如何創建一個名為GlobalState的服務來存儲和檢索全局狀態的示例：

angular.module('myApp')
  .service('GlobalState', function() {
    var globalState = {
      user: null
    };

    return {
      getUser: function() {
        return globalState.user;
      },

      setUser: function(user) {
        globalState.user = user;
      }
    };
  });

要在控制器中使用此服務，只需將其注入到控制器中，并使用它來訪問和修改全局狀態：

angular.module('myApp')
  .controller('MyController', function($scope, GlobalState) {
    $scope.user = GlobalState.getUser();

    $scope.login = function() {
      // Perform login logic
      GlobalState.setUser({name: 'John Doe'});
    };

    $scope.logout = function() {
      // Perform logout logic
      GlobalState.setUser(null);
    };
  });

2. 使用常量（Constants）:

對于不會改變的值，如API端點或配置設置，可以使用常量。它們在整個應用程序中都是不可變的。要創建一個常量，請使用angular.constant()函數：

angular.module('myApp')
  .constant('API_ENDPOINT', 'https://api.example.com');

要在控制器或其他組件中使用此常量，只需將其注入：

angular.module('myApp')
  .controller('MyController', function($scope, API_ENDPOINT) {
    $scope.apiUrl = API_ENDPOINT;
  });

總之，在AngularJS中管理全局狀態時，請盡量使用服務來處理可變的全局狀態，使用常量來處理不可變的全局狀態。這將有助于保持代碼的可維護性和可測試性。