aboutsummaryrefslogtreecommitdiff
path: root/files/uk/glossary/iife/index.html
blob: ac1a957c3322e8731c712d38c5fe504f8c13fb61 (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
---
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>