Js Modules Import Export — Free Javascript Tutorial
Learn Js Modules Import Export in Javascript with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.
TL;DR: Learn Js Modules Import Export in Javascript with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.
Written & reviewed by the Syllab.in Academic Team (CBSE/NCERT subject experts) · Updated
Js 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 Js 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 →