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

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

Импортирование нескольких функций

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

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

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

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

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

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

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

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