如何通过函数表达式实现模块化封装详解

### 如何通过函数表达式实现模块化封装 模块化的核心思想，说白了就是利用 IIFE（立即执行函数表达式）打造一个私有的“隔离空间”，将变量和函数全部封闭在其中，然后仅通过返回的对象对外暴露有限接口，让外部能够调用的只有那几个精心设计的“窗口”。 用 IIFE 构建独立作用域 将函数表达式加上括号并立即执行，瞬间形成一个封闭的作用域环境。其中声明的变量、函数完全不会污染外部全局空间——这是实现封装的基本前提。 - 标准写法：`(function() { /* 私有逻辑 */ })();` - 括号必不可少——一旦省略，JavaScript 引擎会将其识别为函数声明，结果会截然不同。 - 可以主动传入依赖项，比如 `window`、`jQuery` 或工具函数，既方便代码压缩，也清晰标注了模块的外部依赖关系。 只暴露可控的公共接口 模块必须主动返回一个对象，这个对象是外界唯一可以触及的部分。它并非模块内部的所有内容，而只是经过筛选的“出口”。 - 返回普通方法集合：`return { init() {}, getData() {} };` - 支持链式调用：在方法中返回 `this` 或新对象即可。 - 注意避免直接暴露原始数据——例如不要使用 `return { count }`，而应该提供 `getCount()` 和 `setCount()` 方法，严格控制读写权限。 利用闭包实现真正的私有成员 IIFE 内部定义的变量默认为对外不可见；只有返回对象中所引用的那些函数，才能持续访问它们——这正是闭包赋予的“特权”。 - 举例说明：`let token = null;` 在外部完全无法读写，但 `getToken()` 和 `setToken()` 却可以操作它。 - 每次调用这个函数表达式，都会生成一套全新的私有状态，彼此互不干扰。 - 多个模块需要共享状态？可以传入同一个对象作为参数，在闭包外部协调处理即可。 配合依赖注入提升灵活性 将 jQuery、工具库等依赖作为参数传入 IIFE，而不是硬编码引用——这样模块更容易测试、替换和压缩。 - 示例：`(function($, utils) { /* 使用 $ 和 utils */ })(jQuery, myUtils);` - 开发时使用全名，生产环境中的压缩工具可以将其简化为单字母（比如 `j`），从而减小文件体积。 - 结合 UMD 模板，同一份代码就能同时适配浏览器全局、AMD 和 CommonJS 等多种环境。