Modules: import & export — Free JavaScript Tutorial

✓ 100% Free ✓ No Login Needed ✓ NCERT / CBSE Aligned ✓ Download as PDF

TL;DR: Learn Modules: import & export in JavaScript with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

🤖 Stuck on any question? Ask Syllab's free AI Tutor for a step-by-step explanation — instant, unlimited, no login.

Modules: import & export in JavaScript

ES Modules let you split code into separate files. `export` makes variables/functions available to other files. `import` brings them in.

Named export: `export const PI = 3.14; export function add(a,b){...}`. Import: `import { PI, add } from "./math.js"`.

Default export: `export default function main(){...}`. Import: `import anything from "./module.js"` (any name).

Re-export: `export { something } from "./other.js"`. Import all: `import * as utils from "./utils.js"`.

In HTML: `<script type="module" src="app.js">`. Modules have strict mode by default and their own scope.

Learn Modules: import & export step by step with Syllab's free interactive JavaScript tutorial — runnable code examples, practice exercises and instant AI feedback, all free with no signup. Explore the full JavaScript course →