What are ES6 modules and how do they work?

What are ES6 modules and how do they work?

ES6 modules are a way to structure JavaScript code by splitting it into separate files. They allow you to export and import functions, objects, or primitives between different files, making your code more modular and maintainable.

Can you show me an example of how to create and use an ES6 module?

Sure! To create a module, you can use the export keyword. For example, in a file named math.js, you can write: export const add = (a, b) => a + b;. Then, in another file, you can import it using: import { add } from './math.js';.

What are the benefits of using ES6 modules over traditional script tags?

ES6 modules provide better code organization, avoid global scope pollution, and allow for easier dependency management. They also support asynchronous loading, which can improve performance.

Are there any limitations or drawbacks to using ES6 modules?

One limitation is that ES6 modules are not supported in older browsers without a transpiler. Additionally, they require a server to load modules via HTTP, as local file loading may not work due to CORS policies.