Menu
Coddy logo textTech

Экспорт с помощью export

Часть раздела Объектно-ориентированное программирование путешествия по JavaScript на Coddy — урок 8 из 56.

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

Давайте создадим две простые функции, которые мы хотим экспортировать:

Файл: math-utils.js
// Функция, которая складывает два числа
function add(a, b) {
    return a + b;
}
// Функция, которая умножает два числа  
function multiply(a, b) {
    return a * b;
}
// Экспортируем функции, чтобы другие файлы могли их использовать
export { add, multiply };

В качестве альтернативы вы можете использовать синтаксис встроенного экспорта:

File: math-utils.js
// Экспортируйте функции напрямую
export function add(a, b) {
    return a + b;
}
export function multiply(a, b) {   
return a * b;
}
challenge icon

Задание

Легко

У вас есть два файла <strong>main.js</strong> и <strong>weather-utils.js</strong>. Ваша задача:

  1. В <strong>weather-utils.js</strong>: Добавьте ключевое слово export, чтобы сделать функцию getWeatherMessage доступной для других файлов
  2. В <strong>main.js</strong>: Вызовите импортированную функцию getWeatherMessage с температурой 15 и выведите результат с помощью console.log

Шпаргалка

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

Вы можете экспортировать функции, используя инструкцию export в конце файла:

function add(a, b) {
    return a + b;
}

function multiply(a, b) {
    return a * b;
}

export { add, multiply };

Кроме того, вы можете использовать синтаксис встроенного экспорта:

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

export function multiply(a, b) {
    return a * b;
}

Попробуйте сами

import { getWeatherMessage } from './weather-utils.js';

// TODO: Вызовите функцию getWeatherMessage с температурой 15 и выведите результат с помощью console.log
quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Объектно-ориентированное программирование