JavaScript 中的立即调用函数表达式 (IIFE) 是什么？

理解 JavaScript 中的 (function() { } )() 构造

(function() { } )() 构造，也称为立即调用函数表达式 (IIFE)，是 JavaScript 中用于在创建函数后立即定义和执行函数的独特模式。与由特定事件触发的事件处理程序不同，IIFE 在遇到事件时立即执行。

语法和结构

IIFE 由两个主要部分组成：

• 表达式包装： 第一部分涉及包装函数括号中的表达式：(function() { } )。这定义了一个函数，但尚未调用它。
• 立即调用：要执行该函数，需要在末尾添加一组附加括号：(function() { } ) ()。这部分立即调用函数。

说明

外括号创建一个包含函数定义的表达式。不带参数的内括号会导致函数自动执行。

IIFE 的优点

IIFE 具有以下几个优点：

• 命名空间隐私： IIFE 内的变量和函数的作用域是在函数内，防止它们污染全局命名空间。
• 代码可重用性： IIFE 可用于模块化代码，使其更容易在应用程序的不同部分中重用。
• 性能优化：通过将代码包装在 IIFE 中，解析器可以在之前对其进行优化

示例

考虑以下代码块：

(function() {
  var myVariable = 'Hello';
  console.log(myVariable);
})();

当此代码执行时，myVariable 变量只能在以下范围内访问IIFE。在函数之外，它保持未定义状态。

与 document.onload 的区别

虽然 IIFE 和 document.onload 都可能涉及立即执行，但它们的目的不同。 document.onload 是一个事件处理程序，在执行其函数之前等待 DOM 加载。另一方面，IIFE 独立于任何事件执行，主要用于封装和代码重用。

以上是JavaScript 中的立即调用函数表达式 (IIFE) 是什么？的详细内容。更多信息请关注PHP中文网其他相关文章！