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
|
---
title: IIFE
slug: Glossary/IIFE
tags:
- JavaScript
- Словник
- Шаблон проектування
translation_of: Glossary/IIFE
---
<p><strong>Негайно виконуваний функціональний вираз </strong>(IIFE, Immediately Invoked Function Expression) — {{glossary("function", "функція")}} у {{glossary("JavaScript")}}, яка виконується одразу після оголошення. </p>
<pre class="brush: js">(function () {
statements
})();</pre>
<p>Це шаблон проектування, також відомий як {{glossary("Self-Executing Anonymous Function","самовиконувана анонімна функція")}}, який складається з двох основних частин:</p>
<ol>
<li>Перша - це анонімна функція, чия лексична область видимості знаходиться всередині {{jsxref("Operators/Grouping", "оператора групування")}} <code>()</code>. Це запобігає доступу до змінних у ідіомі IIFE, а також забрудненню глобальної області видимості.</li>
<li>Друга частина створює негайно виконуваний функціональний вираз <code>()</code>, через який рушій JavaScript безпосередньо інтерпретуватиме функцію.</li>
</ol>
<h2 id="Приклади">Приклади</h2>
<p>Функція стає функціональним виразом, який негайно виконується. Змінна всередині виразу недоступна за його межами.</p>
<pre class="brush: js">(function () {
var aName = "Баррі";
})();
// Змінна aName є недоступною з-поза меж області видимості
aName // викидає "Uncaught ReferenceError: aName is not defined"</pre>
<p>Присвоєння IIFE змінній зберігає значення, яке повертає функція, а не саме визначення функції.</p>
<pre class="brush: js">var result = (function () {
var name = "Баррі";
return name;
})();
// Негайно створює результат:
result; // "Баррі"
</pre>
<section id="Quick_Links">
<ol>
<li>Дізнатись більше
<ol>
<li><a href="/uk/docs/Web/JavaScript/A_re-introduction_to_JavaScript#Функції">Швидкий приклад</a> (в кінці розділу "Функції", прямо перед "Користувацькими об'єктами")</li>
</ol>
</li>
<li>Статті Вікіпедії
<ol>
<li><a href="https://en.wikipedia.org/wiki/Immediately_invoked_function_expression">IIFE</a></li>
</ol>
</li>
<li><a href="/uk/docs/Glossary">Словник</a>
<ol>
<li>{{Glossary("Function","Функція")}}</li>
<li>{{Glossary("Self-Executing Anonymous Function","Самовиконувана анонімна функція")}}</li>
</ol>
</li>
</ol>
</section>
|