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