Импорт с помощью import

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

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

Импорт именованного экспорта:

// Импорт конкретной функции из модуля
import { greet } from './greeting.js';

// Теперь мы можем использовать функцию greet
greet('John'); // Вывод: Hello, John!

Вы можете импортировать несколько именованных экспортов одновременно:

// Импорт нескольких экспортов
import { greet, farewell } from './greeting.js';

greet('John');      // Выводит: Hello, John!
farewell('John');   // Выводит: Goodbye, John!

Импорт экспорта по умолчанию:

// Импорт экспорта по умолчанию (фигурные скобки не требуются)
// Используйте это, когда в другом файле есть: export default functionName
import Person from './person.js';

// Создание нового Person
const john = new Person('John');

Задание

Легко

Вы создаете форму регистрации. У вас есть файл validation-utils.js, который содержит полезные функции для валидации электронной почты.

Ваша задача:

Импортируйте функцию validateEmail в main.js (это именованный экспорт, а не экспорт по умолчанию)
Вызовите функцию и передайте ей адрес электронной почты user@example.com
Выведите результат с помощью console.log

Шпаргалка

Используйте инструкцию import для импорта экспортированных значений из других модулей.

Импорт именованного экспорта:

import { greet } from './greeting.js';

greet('John'); // Вывод: Hello, John!

Импорт нескольких именованных экспортов:

import { greet, farewell } from './greeting.js';

greet('John');      // Вывод: Hello, John!
farewell('John');   // Вывод: Goodbye, John!

Импорт экспорта по умолчанию (фигурные скобки не требуются):

import Person from './person.js';

const john = new Person('John');

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

// TODO: Импортируйте функцию validateEmail здесь (это именованный экспорт)

// TODO: Вызовите функцию, передайте адрес электронной почты user@example.com и выведите результат с помощью console.log