Как импортировать и экспортировать функцию JS / JavaScript

JavaScript является одним из наиболее популярных языков программирования, который используется для создания интерактивных веб-страниц и веб-приложений. Он также является языком сценариев, который может использоваться для создания функций и модулей, которые можно повторно использовать в других частях приложения. Экспорт и импорт функций в JavaScript – это способ передачи кода между файлами и модулями.

В этой статье мы рассмотрим примеры того, как экспортировать и импортировать функцию в JavaScript.

Экспортирование функции

Чтобы экспортировать функцию в JavaScript, необходимо использовать ключевое слово “export” перед определением функции. Давайте рассмотрим простой пример:

// Функция, которую мы хотим экспортировать
export function multiply(a, b) {
return a * b;
}

Здесь мы экспортировали функцию “multiply”, которая принимает два аргумента и возвращает их произведение. Эта функция теперь доступна для использования в других файлах и модулях.

Импортирование функции

Чтобы импортировать экспортированную функцию в другой файл, необходимо использовать ключевое слово “import” и указать путь к файлу, содержащему функцию, которую вы хотите импортировать. Давайте рассмотрим простой пример:

// Импортируем функцию multiply из другого файла
import { multiply } from './math.js';

// Используем функцию multiply
console.log(multiply(2, 3)); // 6

Здесь мы импортировали функцию “multiply” из файла “math.js”, используя относительный путь к файлу. Затем мы использовали функцию “multiply”, передав ей два аргумента и выведя результат в консоль.

Экспортирование по умолчанию

Кроме экспортирования функций и переменных по их именам, в JavaScript есть возможность экспортировать функцию по умолчанию, используя ключевое слово “export default”. Давайте рассмотрим пример:

// Экспортируем функцию по умолчанию
export default function add(a, b) {
return a + b;
}

Здесь мы экспортировали функцию “add” по умолчанию. Это означает, что мы можем импортировать ее в другой файл, используя любое имя переменной. Давайте рассмотрим пример импорта функции по умолчанию:

// Импортируем функцию add по умолчанию
import myAddFunction from './math.js';

// Используем функцию add

// Экспортируем несколько функций
export function multiply(a, b) {
return a * b;
}

export function divide(a, b) {
return a / b;
}

// Импортируем несколько функций из одного файла
import { multiply, divide } from './math.js';

// Используем функции multiply и divide
console.log(multiply(2, 3)); // 6
console.log(divide(6, 3)); // 2