闭包实现懒初始化单例的核心是延迟实例创建至首次调用，通过IIFE封装私有instance变量，确保仅首次调用getInstance时执行创建逻辑，后续返回缓存对象；支持异步依赖时缓存Promise，SSR场景下结合环境检测安全延后初始化。
闭包实现懒初始化单例，核心是把实例创建动作推迟到第一次真正需要时才执行，避免模块加载就占用内存或触发 DOM/网络等昂贵操作。
为什么必须用闭包做懒初始化
懒初始化（Lazy Initialization）的关键在于“首次调用才创建”，而闭包能天然锁住私有变量、隔离作用域，确保：
- instance 变量不会被外部读写或重置
- 构造逻辑只在 getInstance 第一次被调用时运行
- 后续调用直接返回缓存对象，不重复执行 new 或 document.createElement
- 无需类定义、static 关键字或原型链，语义轻量且无副作用
标准写法：IIFE + 私有 instance + getInstance
这是最稳妥、兼容性最好、也最容易理解的结构：
[${new Date().toISOString()}] ${msg}
注意：createInstance 必须放在 getInstance 内部判断之后，不能提前执行；instance 声明用 let，避免 var 提升污染。
支持异步依赖的懒初始化（如 i18n、配置加载）
当单例初始化需等待 Promise（例如拉取远程配置），不能每次调用都发起新请求。应缓存 Promise 本身：
- 首次调用 getInstance() → 启动 fetch 并保存 promise
- 后续调用 → 直接 await 同一个 promise，复用结果
- 避免 race condition 和重复请求
示例：
const ConfigManager = (function () {
let instancePromise = null;
<p>function initConfig() {
return fetch('/api/config').then(res => res.json());
}</p><p>return {
getInstance() {
if (!instancePromise) {
instancePromise = initConfig().then(data => ({
data,
get(key) { return data[key]; }
}));
}
return instancePromise;
}
};
})();
</p>
适配 SSR 和无 window 环境
前端单例常依赖 document 或 window，但服务端渲染（SSR）中这些全局对象不存在。懒初始化可配合环境检测安全延后：
- 所有 DOM 操作必须收口到 getInstance 内部
- 加 typeof window !== 'undefined' 判断再执行创建逻辑
- Node.js 中 getInstance 返回空对象或占位实例，浏览器端才补全真实功能
例如弹窗管理器：
const ModalManager = (function () {
let instance = null;
<p>function createBrowserInstance() {
const modals = [];
return {
open(options) {
const el = document.createElement('div');
el.innerHTML = options.content || 'Modal';
document.body.appendChild(el);
modals.push(el);
},
destroyAll() {
modals.forEach(el => el.remove());
modals.length = 0;
}
};
}</p><p>return {
getInstance() {
if (!instance && typeof window !== 'undefined') {
instance = createBrowserInstance();
}
return instance;
}
};
})();
</p>
懒初始化不是技巧，而是对资源负责的设计选择。闭包让这件事变得自然、可控、不易出错。
