AngularJS中添加常量的最优方式是什么？常量该集中还是分散存放？

算力阿峰

2026-5-28

这其实没有绝对的标准答案，得结合你的项目规模、团队协作模式来选，我给你拆解两种方式的适用场景和优缺点：

1. 集中存放常量

适合中大型项目或者需要统一管理全局配置的场景：

优势：所有常量都在一个固定位置，方便查找、修改和统一维护，团队协作时新人能快速定位全局配置项，也能避免重复定义相同常量
示例：把所有常量封装到单独的常量模块中，再引入到主模块使用

// constants.js - 单独的常量文件
angular.module('myApp.constants', [])
  .constant('appName', 'My App')
  .constant('apiBaseUrl', 'https://api.example.com')
  .constant('maxRetryCount', 3);

// 主模块引入常量模块
var app = angular.module('myApp', ['myApp.constants']);

// 在控制器中注入使用多个常量
app.controller('TestCtrl', ['appName', 'apiBaseUrl', function TestCtrl(appName, apiBaseUrl) {
  console.log(`当前应用：${appName}，API地址：${apiBaseUrl}`);
}]);

2. 按需分散存放常量

适合小型项目或者某个常量仅在特定模块/组件中使用的场景：

优势：不用为单个小常量维护全局文件，就近定义更贴合使用场景，能减少不必要的全局依赖
示例：就像你给出的写法，在需要的模块里直接定义常量

// 直接在主模块中定义仅当前模块使用的常量
var app = angular.module('myApp', []);
app.constant('appName', 'My App');

// 控制器中注入使用
app.controller('TestCtrl', ['appName', function TestCtrl(appName) {
  console.log(appName);
}]);