How can I use modules to manage scope in my JavaScript code?

How can I use modules to manage scope in my JavaScript code?

You can use ES6 modules to encapsulate your code, which helps manage scope effectively. By exporting and importing functions or variables, you can control what is accessible in different parts of your application.

Can you give me an example of how to create a module?

Sure! You can create a module by defining a JavaScript file, say math.js, and exporting functions like this:

// math.js
export function add(a, b) {
    return a + b;
}

export function subtract(a, b) {
    return a - b;
}

Then, in another file, you can import and use these functions:

// main.js
import { add, subtract } from './math.js';
console.log(add(5, 3)); // 8
console.log(subtract(5, 3)); // 2

What if I want to use default exports?

You can use default exports to export a single value from a module. For example:

// logger.js
export default function log(message) {
    console.log(message);
}

Then import it like this:

// main.js
import log from './logger.js';
log('Hello, world!');