Как на чистом JS проще всего организовать модули?

Question

[dollar]

Когда один файл JS подключает к себе другие файлы JS и использует функции из них.

Comments

[Сергей Соколов]

В какой среде: браузер, node?

[dollar]

Сергей Соколов, Браузер (расширения)

[askhat]

dollar, в браузере js представлен не в виде файла. Сформулируйте вопрос точнее

Answer 1

[Павел]

Здесь довольно подробно все описано и присутствую ссылки для дальнейшего углубления в тему.

Comments

[dollar]

Там забыли указать про type="module" в теге script.
И ещё о том, как быть при написании расширений.

Answer 2

[Владимир]

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Comments

[Владимир]

На чистом, без сборщика так.

[dollar]

import {decode_domain} from "./libs/punycode";

Что-то не получается.

[Владимир]

plnkr.co/edit/XkPe1GoT4mJ29d2GpjtY?p=preview

Answer 3

[Александр]

Например, так.

index.js

var module = [];

moduleA.js

module.push(); // Внутри нужный код.

И в HTML-файле соответствующим образом подключаете. Также вместо массива можно использовать объект

Answer 4

[Станислав Шендаков]

Аквино К., Ганди Т. "Front-end. Клиентская разработка для профессионалов. Node.js, ES6, REST." Описаны паттерн модуля типа "немедленно выполняемого функционального выражения" (IIFE) и паттерн модуля NodeJS. Ну и кроме этого много всего полезного по JavaScript в целом и frontend в частности.