Различия

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

--- import_jeksport_funkcij [2023/08/02 17:22]
tro
+++ import_jeksport_funkcij [2023/12/29 20:27] (текущий)
tro
@@ Строка 40: / Строка 40: @@
 </code>
 **modulesTwo.mjs**
+імена змінних поинні спіпадати але можно додатково перреіменовуввати
 <code>
 import {
-    one,
+    one as oneRename,
     two
 } from './modulesOne.mjs'
-console.log(one)
+console.log(oneRename)
 console.log(two)
 </code>
@@ Строка 53: / Строка 54: @@
 <code>
 node .\modulesTwo.mjs
+</code>
+===== Рекомендации імпорта \ єкспорта =====
+  * Импортировать желательно располагать вверху файла
+  * Сначала іморт с внешних модулей а потом с своих
+  * Єкспортировать желательно располагать внизу файла
+====== Перейменування ======
+**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>