IIFE通过匿名函数包裹第三方库代码实现全局作用域隔离，核心是创建独立词法作用域、仅显式暴露必要API、支持多版本沙箱共存，适用于老系统维护与无构建工具场景。

用IIFE（立即执行函数表达式）隔离第三方库，核心是把库的代码包裹在一个匿名函数里执行，让它的变量、函数不污染全局作用域。

基本写法：包裹第三方脚本

假设你引入了一个轻量级工具库 utils.js，它直接往 window 上挂方法（比如 window.formatDate），但你不想让它影响后续代码：

(function (global) {
  // 这里粘贴或动态加载 utils.js 的全部源码
  var formatDate = function(date) { return date.toISOString().split('T')[0]; };
  global.formatDate = formatDate; // 仅显式暴露你需要的接口
})(typeof window !== 'undefined' ? window : globalThis);

这样，库内部声明的其他临时变量（如 cache、helper）不会泄露到全局，只通过你主动赋值的 formatDate 对外可用。

配合模块化思维：只暴露最小API

不是所有第三方库都适合全量包裹，更稳妥的做法是只导出你真正用到的函数，隐藏实现细节：

立即学习“Java免费学习笔记（深入）”；

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• 把第三方代码复制进 IIFE 内部（适用于无构建工具的简单场景）
• 在 IIFE 参数中传入依赖（比如 jQuery 已存在，但你想限制它作用范围）
• 用 return 输出一个干净对象，例如：{ date: { format() {} }, string: { trim() {} } }

处理依赖冲突：为不同版本创建沙箱

当项目中需同时使用两个版本的同一库（如 v1 和 v2 的 lodash），可用 IIFE 分别封装：

// v1 版本沙箱
var _ = (function() {
  // 插入 lodash@4.17.4 的源码
  return { map: function() {}, filter: function() {} };
})();

// v2 版本沙箱（不覆盖 _）
var _v2 = (function() {
  // 插入 lodash@5.x 的源码
  return { map: function() {}, flatMap: function() {} };
})();

这样两个版本互不干扰，调用时明确写 _.map() 或 _v2.flatMap()，避免隐式覆盖。

现代替代方案提醒

IIFE 是 ES5 时代的常用手段，现在更推荐：

• 用 import 加模块打包（Webpack/Vite 自动做作用域隔离）
• 第三方库本身支持 UMD/ESM 格式时，优先按模块方式引入
• 实在要手动集成，可结合 Object.freeze() 锁定导出对象，防止意外修改

不过在老系统维护、微前端子应用或纯 HTML 页面中，IIFE 仍是简单可靠的隔离方式。