Итак, вы думаете о том, что такое модуль и что он делает?
Вот ответ…. Если у вас сложное приложение, и вам нужно прокручивать сотни или тысячи строк кода, то работа по отладке или просто пониманию приложения становится намного сложнее. Javascript помогает нам в этом, имея «импорт» и «экспорт».
В основном это означает, что совместное использование кода между несколькими файлами. «Модуль» в Javascript можно рассматривать как контейнер, содержащий связанный код, который затем можно экспортировать в другой файл.
Он в основном имеет два основных ключевых слова:
Ключевое слово
export
помечает переменные и функции, которые должны быть доступны извне текущего модуля.
import
позволяет импортировать функциональность из других модулей.
Преимущества использования модулей
- Ремонтопригодность: хорошо спроектированный модуль направлен на то, чтобы максимально уменьшить зависимость от частей кодовой базы, чтобы он мог расти и улучшаться независимо.
- Возможность повторного использования: в программировании повторно используемый код — это использование аналогичного кода в нескольких функциях. Нет, не копированием, а затем вставкой одного и того же кода из одного блока в другой и оттуда в другой и так далее. Вместо этого возможность повторного использования кода определяет методологию, которую вы можете использовать для использования аналогичного кода без необходимости переписывать его повсюду.
Модули на практике
С помощью модулей мы можем использовать функции одного файла в другом файле. Предположим, у вас есть два файла JavaScript, и вам нужно импортировать и экспортировать между ними переменные и функции.
- Импорт/экспорт одной переменной:
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 , чтобы ознакомиться с другими моими крутыми постами.
Удачного кодирования! 💻 😀