JS Import: Simplify Your Code with JavaScript Imports

В JavaScript import используется для импортирования функций, объектов или модулей из других файлов JavaScript. Это позволяет повторно использовать код, избежать дублирования кода и упростить поддержку и разработку приложений.

Например, у нас есть файл `utilities.js`, который содержит функцию для нахождения суммы двух чисел:

export function sum(a, b) {
  return a + b;
}

Мы можем импортировать эту функцию в другой файл JavaScript, назовем его `main.js`, чтобы использовать ее:

import { sum } from './utilities.js';
console.log(sum(2, 3)); // выведется 5

В этом примере мы использовали импорт с именем `{ sum }`, чтобы импортировать только функцию `sum` из файла `utilities.js`. Путь к файлу начинается с `./`, чтобы указать, что файл находится в том же каталоге, что и `main.js`.

Кроме того, мы используем ключевое слово `export` в файле `utilities.js`, чтобы сделать функцию `sum` доступной для импорта в другие файлы.

Есть и другие способы импортирования JavaScript-файлов, например, импорт объекта или импорт всех экспортируемых имен, используя звездочку `*`, но в этом примере мы рассмотрели простой импорт функции с использованием именованного импорта.