ES modules і dependency graph

Browser module contract

<script type="module" src="/src/main.js"></script>

import { loadBooks } from './transport.js';
export function loadBooks() { /* ... */ }

Module scripts мають strict mode, deferred execution і власний scope; imported binding є live read-only view. У browser relative specifier потребує коректного path/case/extension і local HTTP server: file:// не є надійним test environment.

Graph, API і side effects

Default export допустимий, але named API краще показує контракт. Namespace import потрібний для grouped API, re-export — для deliberate facade, dynamic import() — для conditional/lazy boundary. Side-effect imports і cycles документують або усувають.

Практика

Заповніть dependency graph, module API register і resolution cases. Acceptance: немає hidden globals/cycles, internal binding не export «про запас», а wrong case/missing extension відтворено через Network/Console evidence.

Офіційні джерела

• MDN: JavaScript modules
• MDN: import
• MDN: export