Итак, вы думаете о том, что такое модуль и что он делает?

Вот ответ…. Если у вас сложное приложение, и вам нужно прокручивать сотни или тысячи строк кода, то работа по отладке или просто пониманию приложения становится намного сложнее. Javascript помогает нам в этом, имея «импорт» и «экспорт».

В основном это означает, что совместное использование кода между несколькими файлами. «Модуль» в Javascript можно рассматривать как контейнер, содержащий связанный код, который затем можно экспортировать в другой файл.

Он в основном имеет два основных ключевых слова:

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

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

Преимущества использования модулей

  1. Ремонтопригодность: хорошо спроектированный модуль направлен на то, чтобы максимально уменьшить зависимость от частей кодовой базы, чтобы он мог расти и улучшаться независимо.
  2. Возможность повторного использования: в программировании повторно используемый код — это использование аналогичного кода в нескольких функциях. Нет, не копированием, а затем вставкой одного и того же кода из одного блока в другой и оттуда в другой и так далее. Вместо этого возможность повторного использования кода определяет методологию, которую вы можете использовать для использования аналогичного кода без необходимости переписывать его повсюду.

Модули на практике

С помощью модулей мы можем использовать функции одного файла в другом файле. Предположим, у вас есть два файла JavaScript, и вам нужно импортировать и экспортировать между ними переменные и функции.

  1. Импорт/экспорт одной переменной:

File-one: exporting the variable to file-two

File-two: importing the variable from file-one

2. Импорт/экспортнескольких переменных или функций:

File-one: exporting multiple variables or functions to file-two

File-two: importing multiple variables or functions from file-one

3. Импорт/экспорт значения по умолчанию(должно быть одно):

File-one: exporting Default variable or function to file-two

File-two: importing Default variable or function from file-one

4. Импортироватьвсе (*) сразу:

File one: exporting multiple variables or functions to file-two

File-two: importing everying from file-one at once(here * denotes everything)

5. Импорт/экспорт с использованием псевдонима (другого имени):

File-one: We can give an aliases to exported members with the 'as' keyword

File-two: We can also give an aliases to imported members with the 'as' keyword

Итак, это основное введение в модули JavaScript. Я надеюсь, что смогу прояснить некоторые из ваших моментов.

Это мой первый блог по программированию. Надеюсь, вам понравилось и вы что-то извлекли из этого. Ждем ваших отзывов. ✔

Нажмите кнопку хлопать 👏

Подписывайтесь на меня в Twitter — @javascript_bug , чтобы ознакомиться с другими моими крутыми постами.

Удачного кодирования! 💻 😀