Модули в JavaScript

Привет 👋

Пришло время получить основные знания, которые вам понадобятся для вашего развития. Модули на JS!

💣 Проблема

В реальных приложениях количество строк кода растет и продолжает расти. Поместить все в один файл просто невозможно поддерживать и читать.

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

Решение: JS-модуль

Модуль — это файл, который экспортирует код

Модули используются в приложении для разделения кода на отдельные файлы в зависимости от их функциональности.

- Содержание модуля

Модуль JS может содержать переменные, объекты, функции, классы …и т.д.

- Использование модуля

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

Найдите исходный кодприведенного выше примера здесь:



2022-WEB-PROGRAM/Chapter4/module at main · famzila/2022-WEB-PROGRAM
Внесите свой вклад в разработку famzila/2022-WEB-PROGRAM, создав учетную запись на GitHub .github.com



Модуль может экспортировать свой код разными способами:

  • Экспорт имени

  • Экспорт по умолчанию: с ключевым словом default имя не нужно. Вы называете это как хотите:

  • Экспорт по умолчанию + имя

  • Экспорт списка

  • Переименовать импорт

  • Переименовать экспорт

  • Импортировать все

➕ Преимущества модульного приложения

  • Лучшая ремонтопригодность
  • Организация и читабельность
  • Приложение становится древовидным. Вы импортируете то, что вам нужно, и избавляетесь от остального, что приводит к меньшему размеру пакета и, следовательно, к лучшей производительности.
  • Модули позволяют разбить ваш код на отдельные файлы (например, головоломки).
  • Меньше головной боли от отладки для разработчиков 😉

На сегодня все, до встречи 🙋

Если у вас есть какие-либо вопросы или отзывы, просто нажмите «Комментарий» или свяжитесь со мной через LinkedIn — Я весь в ушах!

Хотите угостить меня кофе? ☕️

Давайте построим лучшее «нас» к 2022 году!

Узнайте больше о программе Web Express 2022:

I- Общие веб-знания

II- Скелет веб-страницы: HTML

III- Стиль веб-страницы: CSS

IV- Веб-взаимодействия: JavaScript

Модули

  • Классы
  • Синтаксис ES6+


Запуск WEB-программы 2022!
Изменения исходят из мышления и привычекmedium.com



Поделитесь программой с людьми, которые хотят стать веб-разработчиками! Это поможет продолжать прогрессировать и помогать друг другу в путешествии.

Если вам нравятся мои статьи, подпишитесь, чтобы получать мои последние статьи. Если вам нравится работать с Medium, поддержите меня и тысячи других авторов, подписавшись на членство. Это стоит всего 5 долл. США в месяц, поддерживает нас, писателей, и у вас также есть возможность зарабатывать деньги своим творчеством. Конечно, вы можете отменить членство в любое время. Зарегистрировавшись по этой ссылке, вы поддержите меня напрямую частью своего гонорара, это не будет стоить вам больше. Если вы это сделаете, спасибо вам миллион раз!

Давайтесвяжемся с вами на Medium, Linkedin, Facebook, Instagram, YouTube,или Twitter.



Присоединяйтесь к Medium по моей реферальной ссылке — FAM
Как участник Medium, часть вашего членского взноса идет авторам, которых вы читаете, и вы получаете полный доступ к каждой истории…famzil.medium.com