diff options
Diffstat (limited to 'files/zh-cn/glossary/iife/index.html')
-rw-r--r-- | files/zh-cn/glossary/iife/index.html | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/files/zh-cn/glossary/iife/index.html b/files/zh-cn/glossary/iife/index.html new file mode 100644 index 0000000000..659d1e8670 --- /dev/null +++ b/files/zh-cn/glossary/iife/index.html @@ -0,0 +1,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> |