--- title: IIFE(立即调用函数表达式) slug: Glossary/IIFE tags: - CodingScripting - Glossary - JavaScript - 术语 translation_of: Glossary/IIFE original_slug: Glossary/立即执行函数表达式 --- <p><strong>IIFE</strong>( 立即调用函数表达式)是一个在定义时就会立即执行的 {{glossary("JavaScript")}} {{glossary("function","函数")}}。</p> <pre class="brush: js">(function () { statements })();</pre> <p>这是一个被称为 {{glossary("Self-Executing Anonymous Function", "自执行匿名函数")}} 的设计模式,主要包含两部分。第一部分是包围在 {{jsxref("Operators/Grouping", "圆括号运算符")}} <code>()</code> 里的一个匿名函数,这个匿名函数拥有独立的词法作用域。这不仅避免了外界访问此 IIFE 中的变量,而且又不会污染全局作用域。</p> <p>第二部分再一次使用 <code>()</code> 创建了一个立即执行函数表达式,JavaScript 引擎到此将直接执行函数。</p> <h2 id="示例">示例</h2> <p>当函数变成立即执行的函数表达式时,表达式中的变量不能从外部访问。</p> <pre class="brush: js">(function () { var name = "Barry"; })(); // 无法从外部访问变量 name name // 抛出错误:"Uncaught ReferenceError: name is not defined" </pre> <p>将 IIFE 分配给一个变量,不是存储 IIFE 本身,而是存储 IIFE 执行后返回的结果。</p> <pre class="brush: js">var result = (function () { var name = "Barry"; return name; })(); // IIFE 执行后返回的结果: result; // "Barry"</pre> <h2 id="了解更多">了解更多</h2> <h3 id="了解">了解</h3> <ul> <li><a href="/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript#Functions">Quick example</a>(在“函数”部分的末尾,“自定义对象”之前)</li> </ul> <h3 id="常识">常识</h3> <ul> <li>{{interwiki("wikipedia", "Immediately-invoked function expression", "IIFE")}} 维基百科</li> </ul> <ul> <li><a href="/zh-CN/docs/Glossary">相关术语</a> <ul> <li>{{Glossary("Function")}}</li> <li>{{Glossary("Self-Executing Anonymous Function")}}</li> </ul> </li> </ul>