Различия

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

--- import_jeksport_funkcij [2023/08/02 16:56]
tro
+++ import_jeksport_funkcij [2023/12/29 20:27] (текущий)
tro
@@ Строка 3: / Строка 3: @@
   - Створюємо папку
   - Створюємо в ній файли **modulesOne.mjs** і **modulesTwo.mjs**
+===== Єкспорт по дефаулту =====
 **modulesOne.mjs**
+єкпортируется одна функция
 <code>
 const sum = (a,b) => a+b
@@ Строка 10: / Строка 13: @@
 export default sum
 </code>
-**modulesTwo.mjs**
+**modulesTwo.mjs** - імпортируєма фунція може мати любе імя
 <code>
 import sum from "./modulesOne.mjs";
@@ Строка 21: / Строка 24: @@
 <code>
 node .\modulesTwo.mjs
+</code>
+===== Єкспорт декілька функцій =====
+**modulesOne.mjs**
+єкпортируется декілька змінних
+<code>
+const one = 1
+const two = 'two'
+export {
+    one,
+    two
+}
+</code>
+**modulesTwo.mjs**
+імена змінних поинні спіпадати але можно додатково перреіменовуввати
+<code>
+import {
+    one as oneRename,
+    two
+} from './modulesOne.mjs'
+console.log(oneRename)
+console.log(two)
+</code>
+Запуск з термінала через node.js
+<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>