Rollup 中 iife 格式的特点是什么？

推荐答案

在 Rollup 中，IIFE（Immediately Invoked Function Expression，立即执行函数表达式）格式的特点如下：

1. 自执行函数：IIFE 格式会将代码打包成一个自执行的函数，该函数在加载时立即执行。
2. 全局变量隔离：IIFE 通过闭包的方式将代码封装在一个函数作用域内，避免污染全局命名空间。
3. 适合浏览器环境：IIFE 格式生成的代码可以直接在浏览器中运行，适合作为库或工具的打包输出格式。
4. 支持导出模块：通过配置 output.name，可以将模块导出为全局变量，供其他脚本使用。

本题详细解读

1. 自执行函数

IIFE 格式的核心是将代码包裹在一个立即执行的函数中。Rollup 会将所有模块代码打包成一个函数，并在函数定义后立即调用它。例如：

(function () {
  // 打包后的代码
})();

这种方式确保了代码在加载时立即执行，适合需要立即运行的场景。

2. 全局变量隔离

IIFE 通过闭包的方式将代码封装在一个函数作用域内，避免了变量和函数污染全局命名空间。这对于库或工具的开发非常重要，因为它可以防止与其他脚本发生命名冲突。

3. 适合浏览器环境

IIFE 格式生成的代码可以直接在浏览器中运行，不需要额外的模块加载器（如 CommonJS 或 AMD）。这使得它非常适合作为库或工具的打包输出格式，尤其是在需要兼容旧版浏览器时。

4. 支持导出模块

通过配置 Rollup 的 output.name 选项，可以将模块导出为全局变量。例如：

export default function myLibrary() {
  console.log('Hello, World!');
}

配置 Rollup 输出为 IIFE 格式：

export default {
  input: 'src/main.js',
  output: {
    file: 'bundle.js',
    format: 'iife',
    name: 'MyLibrary'
  }
};

生成的代码会将模块导出为全局变量 MyLibrary，其他脚本可以通过 MyLibrary 访问模块的功能。

var MyLibrary = (function () {
  function myLibrary() {
    console.log('Hello, World!');
  }
  return myLibrary;
})();

总结

IIFE 格式在 Rollup 中是一种简单且有效的打包方式，特别适合需要在浏览器中运行的库或工具。它通过自执行函数和闭包机制，确保了代码的隔离性和立即执行性，同时支持将模块导出为全局变量，方便其他脚本使用。