Мы используем модули, чтобы разделить код нашего приложения на отдельные блоки, каждый из которых представляет определенную функциональность. Модули также позволяют нам повторно использовать код и интегрировать функции в различные приложения и службы.
С помощью модулей мы экспортируем и импортируем данные с максимальным удобством и гибкостью. Здесь я поделюсь некоторыми советами по использованию, объяснениями и крутыми трюками, о которых вы, возможно, не знали.
Но сначала разберемся, как эти два действия используются декларативно:
Импорт: позволяет перенести модуль из другого файла в текущий. Этот оператор создает переменную с совершенно произвольным именем независимо от того, что уже находится в исходном файле. Это обеспечивает большую гибкость в ситуациях, когда другие переменные в файле конфликтуют друг с другом.
Экспорт. Разрешите модулям сделать их локальную привязку видимой извне, чтобы другие модули могли их читать, но не могли изменять.
Импорт частичных данных из исходного файла
Обратите внимание, что вам не нужно импортировать все данные из исходного файла, если вы не собираетесь его использовать. Фигурные скобки помогают нам получить необходимую информацию. Мы также можем переименовать импортируемую переменную, добавив as.
Импорт всего содержимого модуля
Красивое решение для систематического импорта множества различных данных из исходного файла — использовать следующий синтаксис:
Удаленно загружаемые модули
Система модулей в ES6 также поддерживает удаленные модули (например, сторонние библиотеки), что упрощает загрузку модулей из внешних мест.
Динамический импорт
Динамический импорт — одна из самых революционных возможностей импорта ES6, поскольку она обеспечивает максимальную гибкость при импорте модулей, поэтому мы можем динамически контролировать, должен ли и когда должен выполняться импорт, и, следовательно, оптимизировать производительность системы за счет отложенной загрузки.
Для асинхронной загрузки вы также можете добавить ключевое слово await в оператор импорта.
Модули для сервера
Начиная с Node 15.3.0, поддерживаются модули JavaScript.
Для использования необходимо добавить "type": "module" в package.json.
Спасибо за чтение. Никогда не позволяйте кривой обучения останавливаться.
