Modules & Code Organisation
Import & Export
JavaScript modules allow you to split code into separate files and reuse them.
- `export` lets you expose functions, variables, or classes.
- `import` allows other files to access exported values.
- Named exports: `export { myFunction }` / `import { myFunction } from './module'`
- Default exports: `export default myFunction` / `import myFunction from './module'`
// module.js (Named Export)
export const greet = (name) => `Hello, ${name}!`;
// module.js (Default Export)
export default function sayHi() {
return "Hi there!";
}
// main.js
import { greet } from './module.js'; // Named import
import sayHi from './module.js'; // Default import
console.log(greet("Jake")); // "Hello, Jake!"
console.log(sayHi()); // "Hi there!"