Экспорт с помощью 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;
}Задание
ЛегкоУ вас есть два файла <strong>main.js</strong> и <strong>weather-utils.js</strong>. Ваша задача:
- В
<strong>weather-utils.js</strong>: Добавьте ключевое словоexport, чтобы сделать функциюgetWeatherMessageдоступной для других файлов - В
<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В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Объектно-ориентированное программирование
1Объекты и ключевое слово this
Краткий обзор: ОбъектыДобавление методов в объектыПонимание ключевого слова thisФункции-конструкторыКлючевое слово newИтоговое испытание7Наследование и ключевое слово extends
НаследованиеОтношение «is-a»Ключевое слово extendsМетод super()Наследование свойств и методовИтоговое испытание10Полиморфизм
Что такое полиморфизм?Переопределение унаследованных методовИспользование superИтоговое задание13Композиция против наследования
Отношения «has-a» и «is-a»Ограничения глубокого наследованияСоздание объектов2Организация кода
Что такое модули?Экспорт с помощью exportИмпорт с помощью importDefault против именованных экспортов5Инкапсуляция и доступ
ИнкапсуляцияПубличные и приватные поля классовПриватные методыЗадание на повторение8Организация кода ООП
Организация классов в модули11Проект: Отрисовщик фигур
Настройка: Класс Shape и экспортНаследование класса Circle14Система управления библиотекой
Проектирование библиотекиКласс Book с использованием композиции6Проект: Простой банковский счет
Класс BankAccountПополнение и снятие средств9Статические методы и свойства
Уровень класса против уровня экземпляраСтатические свойстваСтатические вспомогательные методыЗадание на закрепление