AngularJS 模块
AngularJS 作为前端框架里的“老江湖”，其模块化架构一直是它站稳脚跟的关键。模块到底是个什么东西？它怎么用？又为什么重要？今天咱们就把这事儿拆开了聊聊。
什么是AngularJS模块？
简单说，模块就是一个“收纳盒”——把一组相关的功能（比如控制器、服务、指令、过滤器）统统装进去。这样做的好处显而易见：代码好管、好复用。在AngularJS里，整个应用就是由一个个模块拼起来的，而且模块还能按需加载，性能自然也就上去了。
核心模块
AngularJS 自带了一些“出厂标配”的模块，比如ng模块，里面装满了框架的基础指令和组件。对于开发者来说，相当于拿到了一整变钱成的工具箱。
自定义模块
当然，光用官方的还不够。实际项目里更多时候需要自己定义模块。这样一来，应用就能被拆成合理的小块，每一块职责清晰，改起来也不至于牵一发动全身。
如何创建AngularJS模块？
创建模块这事儿，一行代码就搞定。调用angular.module函数就行：
var myApp = angular.module('myApp', []);
上面这行代码创建了一个叫myApp的新模块，它不依赖任何其他模块。第二个参数是个空数组，表示“不依赖”。
模块依赖
如果一个模块需要借用别的模块里的功能，那就在定义时把依赖模块的名字写进数组里。比如：
var myApp = angular.module('myApp', ['ngRoute', 'myOtherModule']);
这里myApp依赖了官方的路由模块ngRoute，以及另一个自定义模块myOtherModule。注意顺序：数组里的每一项都是它依赖的模块名。
配置模块
模块不光能“装东西”，还能在启动时做一次性的配置。这个配置过程通过config函数完成，一般用来设置路由、注册服务之类的。举个例子：
myApp.config(function($routeProvider) {
$routeProvider
.when('/home', {
templateUrl: 'home.html',
controller: 'HomeController'
})
.otherwise({
redirectTo: '/home'
});
});
这段代码给myApp模块配置了路由规则——访问根路径时自动跳转到/home，并加载对应的模板和控制器。说白了，config就是模块的“初始化开关”。
结论
回过头来看，AngularJS 的模块化设计其实就一个核心思想：把复杂问题拆碎，再按需组装。无论是官方自带的模块还是自己写的自定义模块，它们共同构成了一套灵活、可扩展的体系。只要掌握了模块的创建、依赖和配置方式，构建一个结构清晰的前端应用就不是什么难事。
