Различия

Показаны различия между двумя версиями страницы.

--- import_jeksport_funkcij [2023/08/02 17:26]
tro
+++ import_jeksport_funkcij [2023/12/29 20:27] (текущий)
tro
@@ Строка 58: / Строка 58: @@
 ===== Рекомендации імпорта \ єкспорта =====
   * Импортировать желательно располагать вверху файла
+  * Сначала іморт с внешних модулей а потом с своих
   * Єкспортировать желательно располагать внизу файла
+====== Перейменування ======
+**Rename export** — це техніка, яка дозволяє імпортувати іменовані експортовані змінні, функції тощо з одного модуля до іншого, змінюючи їм ім’я під час імпорту.
+Щоб задати нове ім'я під час імпорту з іншого модуля, використовується ключове слово as.
+<code>
+import { name as newName } from '...'
+</code>
+<code>
+// Module myModule.js
+export const original = "Hello, World!";
+// Your current module, for example app.js
+import { original as renamed } from './myModule.js';
+console.log(renamed); // "Hello, World!"
+</code>
+====== Імпорт простору імен ======
+**Імпорт простору імен (namespace import)** — це техніка імпортування всього вмісту модуля як об'єкта з іменем, що представляє простір імен цього модуля. Це означає, що всі іменовані експорти з модуля стають властивостями цього об'єкта. Це зручно, коли потрібно імпортувати багато різних функцій, змінних або класів з модуля, не обираючи їх по одному.
+<code>
+// Module user.js
+export const name = "Mango";
+export const age = 26;
+export const email = "mango@mail.com";
+// Your current module
+import * as user from './myModule.js';
+console.log(user.name); // "Mango"
+console.log(user.age); // 26
+console.log(user.email ); // "mango@mail.com"
+</code>