aboutsummaryrefslogtreecommitdiff
path: root/files/uk/glossary/hoisting
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:43:23 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:43:23 -0500
commit218934fa2ed1c702a6d3923d2aa2cc6b43c48684 (patch)
treea9ef8ac1e1b8fe4207b6d64d3841bfb8990b6fd0 /files/uk/glossary/hoisting
parent074785cea106179cb3305637055ab0a009ca74f2 (diff)
downloadtranslated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.gz
translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.tar.bz2
translated-content-218934fa2ed1c702a6d3923d2aa2cc6b43c48684.zip
initial commit
Diffstat (limited to 'files/uk/glossary/hoisting')
-rw-r--r--files/uk/glossary/hoisting/index.html87
1 files changed, 87 insertions, 0 deletions
diff --git a/files/uk/glossary/hoisting/index.html b/files/uk/glossary/hoisting/index.html
new file mode 100644
index 0000000000..8c628c093c
--- /dev/null
+++ b/files/uk/glossary/hoisting/index.html
@@ -0,0 +1,87 @@
+---
+title: Підняття
+slug: Glossary/Hoisting
+tags:
+ - JavaScript
+ - Словник
+translation_of: Glossary/Hoisting
+---
+<p>Термін <em>підняття</em> (hoisting) ви не знайдете у жодній нормативній специфікації до <a href="http://www.ecma-international.org/ecma-262/6.0/index.html">ECMAScript® 2015 Language Specification</a>. Підняття придумали як загальне поняття того, як працюють контексти виконання (зокрема, стадії створення та виконання) у JavaScript. Однак, спочатку ця концепція може дещо заплутати.</p>
+
+<p>Концептуально, наприклад, строге визначення підняття припускає, що оголошення змінних та функцій фізично пересуваються нагору вашого коду, але це не те, що насправді відбувається. Замість цього, оголошення змінних та функцій розміщуються у пам'яті під час стадії <em>компіляції</em>, але залишаються там, де ви написали їх у коді.</p>
+
+<h2 id="Дізнайтесь_більше">Дізнайтесь більше</h2>
+
+<h3 id="Технічний_приклад">Технічний приклад</h3>
+
+<p>Однією з переваг розміщення оголошення функцій у пам'яті до того, як JavaScript виконає будь-який код, є те, що це дозволяє використовувати функцію до того, як ви оголосили її у коді. Наприклад:</p>
+
+<pre class="brush: js">function catName(name) {
+ console.log("Мого кота звуть " + name);
+}
+
+catName("Тигр");
+
+/*
+Результат наведеного коду: "Мого кота звуть Тигр"
+*/
+</pre>
+
+<p>Фрагмент коду, наведений вище, відображає те, як ви очікуєте написати код, щоб він працював. А тепер подивимось, що станеться, якщо ви викличете функцію перед її оголошенням:</p>
+
+<pre class="brush: js">catName("Барсик");
+
+function catName(name) {
+ console.log("Мого кота звуть " + name);
+}
+/*
+Результат наведеного коду: "Мого кота звуть Барсик"
+*/
+</pre>
+
+<p>Хоча виклик функції у коді відбувається раніше за оголошення функції, код все одно працює. Причина в тому, як працює контекст виконання у JavaScript.</p>
+
+<p>Підняття добре працює з іншими типами даних та змінними. Змінні можна ініціалізувати та використовувати до того, як вони були оголошені.</p>
+
+<h3 id="Піднімаються_лише_оголошення">Піднімаються лише оголошення</h3>
+
+<p>У JavaScript піднімаються лише оголошення, а не ініціалізації. Якщо змінна була оголошена та ініціалізована після того, як була використана, її значенням буде undefined. Наприклад:</p>
+
+<pre class="brush: js">console.log(num); // Вертає undefined
+var num;
+num = 6;</pre>
+
+<p>Якщо ви оголошуєт змінну після того, як вона була використана, але ініціалізуєте заздалегідь, буде повернене значення:</p>
+
+<pre class="brush: js">num = 6;
+console.log(num); // вертає 6
+var num;
+</pre>
+
+<p>Нижче більше прикладів, що демонструють підняття.</p>
+
+<pre class="brush: js">//Приклад 1 - Не піднімається
+var x = 1; // Ініціалізація x
+console.log(x + " " + y); // '1 undefined'
+var y = 2; // Initialize y
+//Це не працюватиме, бо у JavaScript <strong>піднімаються лише оголошення</strong>
+
+//Приклад 2 - Піднімається
+var num1 = 3; //Оголосити та ініціалізувати num1
+num2 = 4; //Ініціалізувати num2
+console.log(num1 + " " + num2); //'3 4'
+var num2; //Оголосити num2 для підняття
+
+//Приклад 3 - Піднімається
+a = 'Журав'; //Ініціалізувати a
+b = 'лина'; //Ініціалізувати b
+console.log(a + "" + b); // 'Журавлина'
+var a, b; //Оголосити a &amp; b для підняття
+</pre>
+
+<h3 id="Технічна_довідка">Технічна довідка</h3>
+
+<ul>
+ <li><a href="/uk/docs/Web/JavaScript/Reference/Statements/var">оператор var</a> — MDN</li>
+ <li><a href="/uk/docs/Web/JavaScript/Reference/Statements/function">оператор function</a> — MDN</li>
+</ul>