JavaScript中利用IIFE初始化复杂全局变量的写法-js教程-PHP中文网

iife用于初始化复杂全局变量以解决污染、隔离和一次性执行问题，通过闭包封装逻辑并仅暴露必要变量，支持参数注入与防重定义，现代环境优先用es模块替代。

javascript中利用iife初始化复杂全局变量的写法

在JavaScript中，用IIFE（立即执行函数表达式）初始化复杂全局变量，主要是为了解决变量污染、依赖隔离和一次性初始化的问题。核心思路是把初始化逻辑封装在闭包里，只暴露最终需要的变量到全局作用域。

基础写法：定义并立即执行

最简形式是将对象或函数的构建过程包裹在括号内，后接()执行：

window.MyApp = (function() {
  const config = { apiBase: 'https://api.example.com', timeout: 5000 };
  const utils = {
    formatDate: function(date) { return date.toISOString().split('T')[0]; },
    throttle: function(fn, delay) { /* ... */ }
  };
  return {
    config,
    utils,
    version: '1.2.0'
  };
})();

这样MyApp成为全局变量，内部config和utils不会泄漏，且只执行一次。

带参数的IIFE：支持环境或配置注入

如果初始化依赖外部值（如window、document或模块前缀），可传参增强灵活性：

Javascript Sdk

用于 inference.sh 的 JavaScript/TypeScript SDK，可运行 AI 应用、构建代理、集成 150+ 模型。包名：@inferencesh/sdk（npm install），完整 TypeScript 支持。

下载

(function(global, doc, prefix) {
  const namespace = prefix + 'Core';
  global[namespace] = {
    init: function() {
      console.log('Ready in', doc.title);
      return this;
    }
  };
})(window, document, 'My');
// 全局变量：window.MyCore

这种写法便于测试（可传入mock对象）和多环境适配（如开发/生产不同prefix）。