Что же такое модули в JS?

Question

[gracer]

Приветствую. Продолжаю вникать в современные возможности js(тот который браузерный) и никак не пойму что есть модули. Обычно я привык, что есть некий главный скрипт, который подключается к странице и в нём прописывается вся логика и по необходимости подгружаются все нужные скрипты, отделённые для легкости поддержки. Эти скрипты я и мог бы назвать модулями. Сейчас же, попробовав использовать import/export в своём главном скрипте, я обнаружил, что ничего не работает. Если верить мануалам нужно назначать type="module" даже главному скрипту. Это немного ломает мою логику. Получается весь современный js это модуль и type="module" это просто указание на то, что я хочу использовать import/export внутри скрипта?

Answer 1

[Алексей]

Тут можно почитать

Comments

[gracer]

т.е. принимаю просто что

Модуль – это просто файл. Один скрипт – это один модуль.

и больше вопросом не задаюсь?

[Алексей]

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

import { foo as bar } from 'rxjs';
bar(); // выполняется foo но под именем bar

[gracer]

Алексей, спасибо, я в целом понимаю что такое модули, меня смущает именно то что пришлось обозначать как модуль самый главный скрипт, т.е. точку входа в программу только ради import/export. Если подумать, то точкой входа можно назвать саму страницу, к которой подключается скрипт, тогда получается логичней. Получается, что если я не использую всякие сборщики для сбора всё в один файл, то всегда придётся обозначать подключаемые скрипты как модули, чтобы получить доступ ко всем плюшкам?

[Алексей]

gracer, да, похоже что так.

Answer 2

[xmoonlight]

Посмотрите на разницу и поймёте: includeHTML - это тоже загрузчик js-скриптов: как бы те же модули, но проще в использовании и их код исполняется всегда, если была востребована загрузка.

Обычно я привык, что есть некий главный скрипт, который подключается к странице и в нём прописывается вся логика и по необходимости подгружаются все нужные скрипты, отделённые для легкости поддержки. Эти скрипты я и мог бы назвать модулями.

здесь - как раз всё именно так!

Однако, это не те модули, которые описываются здесь.

PS: Либу писал для себя.
Причина - та же: слишком трудозатратно каждый скрипт писать/переписывть и отлаживать под выставленные требования.
Но это не замена: для каждой сложности проекта - всегда существует свой инструмент.