|
1 | 1 |
|
2 | 2 | # Вступ до модулів |
3 | 3 |
|
4 | | -Оскільки наша програма з часом збільшується, ми захочемо розділити її на кілька файлів, так звані «модулі». Модуль може містити клас або бібліотеку функцій для певної мети. |
| 4 | +Оскільки наш застосунок з часом збільшується, ми захочемо розділити його на кілька файлів, так звані «модулі». Модуль може містити клас або бібліотеку функцій для певної мети. |
5 | 5 |
|
6 | | -Достатньо довгий час JavaScript існував без синтаксису модуля на мовному рівні. Це не було проблемою, тому що спочатку сценарії були невеликими й простими. |
| 6 | +Досить тривалий час JavaScript існував без синтаксису модуля на мовному рівні. Це не було проблемою, тому що спочатку скрипти були невеликими й простими. |
7 | 7 |
|
8 | 8 | Але з часом скрипти ставали все складнішими, тому спільнота винайшла різноманітні способи організувати код у модулі. З’явилися бібліотеки для динамічного завантаження модулів. |
9 | 9 |
|
@@ -133,14 +133,14 @@ sayHi('Іван'); // Привіт, Іван! |
133 | 133 |
|
134 | 134 | ```js |
135 | 135 | // 📁 alert.js |
136 | | -alert("Модуль виконаний!"); |
| 136 | +alert("Модуль виконано!"); |
137 | 137 | ``` |
138 | 138 |
|
139 | 139 | ```js |
140 | 140 | // Імпорт одного і того ж модуля у різних файлах |
141 | 141 |
|
142 | 142 | // 📁 1.js |
143 | | -import `./alert.js`; // Модуль виконаний! |
| 143 | +import `./alert.js`; // Модуль виконано! |
144 | 144 |
|
145 | 145 | // 📁 2.js |
146 | 146 | import `./alert.js`; // (нічого не покаже) |
@@ -267,7 +267,7 @@ sayHi(); // Ready to serve, *!*Pete*/!*! |
267 | 267 |
|
268 | 268 | Модулі *завжди* виконуються у відкладеному (deferred) режимі, так само як скрипти з атрибутом `defer` (описаний у розділі [](info:script-async-defer)). Це вірно і для зовнішніх та вбудованих скриптів-модулів. |
269 | 269 |
|
270 | | -Іншими словами: |
| 270 | +Інакше кажучи: |
271 | 271 | - завантажування зовнішніх модулів, таких як `<script type="module" src="...">`, не блокують обробку HTML, вони завантажуються в паралельному режимі з іншими ресурсами. |
272 | 272 | - модулі, навіть якщо завантажилися швидко, очікують на повне завантаження HTML документа, і тільки потім виконуються. |
273 | 273 | - зберігається відносний порядок скриптів: скрипти, що йдуть раніше у документі, виконуються раніше. |
|
0 commit comments