blob: 659d1e86709348c3b5b1149a5d3d2336e1d6ad68 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
---
title: IIFE（立即调用函数表达式）
slug: Glossary/立即执行函数表达式
tags:
- CodingScripting
- Glossary
- JavaScript
- 术语
translation_of: Glossary/IIFE
---
<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>
|
