Различия

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

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