import_jeksport_funkcij [wiki.hostingcloud.com.ua]

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.
====== імпорт \ єкспорт функцій ======

  - Створюємо папку
  - Створюємо в ній файли **modulesOne.mjs** і **modulesTwo.mjs**

===== Єкспорт по дефаулту =====

**modulesOne.mjs**
єкпортируется одна функция
<code>
const sum = (a,b) => a+b

export default sum
</code>
**modulesTwo.mjs** - імпортируєма фунція може мати любе імя
<code>
import sum from "./modulesOne.mjs";

let res1 = sum (10,2)
console.log(res1)
</code>

Запуск з термінала через node.js
<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>