What is JavaScript? JavaScript Development Environment JavaScript Variables and Data Types Operators in JavaScript Control Structures in JavaScript JavaScript Functions JavaScript Arrays Complete Guide JavaScript Objects and JSON DOM Manipulation Basics Event Handling in JavaScript JavaScript ES6 Features Overview JavaScript Promises and Async Async Await in JavaScript Fetch API and AJAX JavaScript Modules ES6 Local Storage and Session Storage JavaScript Error Handling JavaScript Closures Explained JavaScript Prototypes and Inheritance ES6 Classes in JavaScript JavaScript Template Literals Destructuring Assignment ES6 Spread Operator in JavaScript JavaScript Map and Set JavaScript Symbol Data Type Optional Chaining and Nullish JavaScript Generators JavaScript Proxy and Reflect Web APIs Canvas SVG JavaScript Web Workers

Back to Lessons

JavaScript Modules ES6

April 5, 2026

ES6 Modules

Organize code into reusable modules with import/export.

Module Example

// math.js
export const PI = 3.14159;
export function add(a, b) {
    return a + b;
}
export default function multiply(a, b) {
    return a * b;
}

// main.js
import multiply, {PI, add} from "./math.js";
console.log(multiply(2, 3)); // 6

Key Points

export default one per module.
export/import named exports.
Static analysis, tree-shaking friendly.
Type="module" in script tag or .mjs files.

Previous Lesson Next Lesson