Modules in JavaScript

ClassesPromises

Modules allow you to split code into separate files for better organization, reusability, and maintainability. ES6 introduced a standard module system with import and export.

In browsers, use type="module" on script tags. Modules are loaded asynchronously and have strict mode by default.

Named Exports

Export multiple values with the export keyword.

Default Export

One main export per module – import with any name.

Mixing Named and Default

Browser Module Loading

Use type="module" and relative/absolute paths. Modules are deferred and cached.

Dynamic Imports

Quick Quiz

We have reviewed and checked the materials, but errors may still occur. The content is provided for educational purposes only, so use it at your own responsibility and verify with other sources if needed.

✨ Ask Lara — your AI study partner

Unlock personalized learning support. Lara can explain lessons, summarize topics, and answer your study questions — available from the Go plan and above.


Lara helps you learn faster — exclusive to ReadyTools Go, Plus, and Max members.

Track Your Progress 🚀

Learn more easily by tracking your progress completely for free.