What are ES6 modules and how do they affect scope?

What are ES6 modules and how do they affect scope?

ES6 modules are a way to structure JavaScript code by splitting it into separate files. They help manage scope by allowing you to export and import variables, functions, or classes, which can prevent naming conflicts and keep your code organized.

Can you explain how to export and import in ES6?

Sure! You can export a variable or function using the export keyword. For example: export const myVar = 5;. To import it in another file, you use import { myVar } from './myModule.js';.

What is the difference between default and named exports?

Named exports allow you to export multiple values from a module, while default exports allow you to export a single value. For example, export default myFunction; exports a default function, whereas export const myVar = 5; is a named export.

How do ES6 modules handle scope differently than traditional scripts?

In traditional scripts, all variables are in the global scope unless defined otherwise. ES6 modules create a separate scope, meaning variables defined in a module are not accessible globally unless explicitly exported.