How do I use default exports in JavaScript?

How do I use default exports in JavaScript?

In JavaScript, you can use default exports to export a single value or object from a module. You can do this by using the export default syntax.

Can you give me an example?

Sure! Here's a simple example:

// myModule.js
const myFunction = () => {
    console.log('Hello, World!');
};

export default myFunction;

You can then import it like this:

// main.js
import myFunction from './myModule';
myFunction(); // Outputs: Hello, World!

What if I want to export multiple things?

If you want to export multiple items, you can use named exports instead. For example:

// myModule.js
export const myFunction = () => {
    console.log('Hello, World!');
};

export const myVariable = 42;

Can I mix default and named exports?

Yes, you can mix them! Just remember to import them correctly. For example:

// myModule.js
const myFunction = () => {
    console.log('Hello, World!');
};

export default myFunction;
export const myVariable = 42;

And import like this:

// main.js
import myFunction, { myVariable } from './myModule';