How to Export Multiple Functions in JavaScript

Updated onbyAlan Morel
How to Export Multiple Functions in JavaScript

When you are writing a large program, you'll want to be break up the logic into different files.

This helps you organize your code and makes it easier to read.

In JavaScript, the modern way to do this is to use the import/export syntax.

This is when you export a function or variable to be imported in another file.

In this post, we'll learn how to export multiple functions in JavaScript.

Exporting functions

Let's start with two simple example functions to export, in a file called math.js:

JAVASCRIPT
const add = (a, b) => a + b; const subtract = (a, b) => a - b;

We can now export both of these functions to be imported in another file.

JAVASCRIPT
const add = (a, b) => a + b; const subtract = (a, b) => a - b; export { add, subtract };

This makes it accessible from the outside.

Importing functions

Now that we've exported functions in our file, we can import them in another file.

This allows us to use these functions despite coming from a different file.

Now let's see how to import these functions:

JAVASCRIPT
import { add, subtract } from './math.js';

That's it, now they can be used just like any other function.

JAVASCRIPT
import { add, subtract } from './math.js'; const result = add(1, 2); console.log(result);
BASH
3

Conclusion

In this post, we learned how to export multiple functions in JavaScript.

When you export the functions in one file, you can then import them in another file.

Thanks for reading and happy coding!

To learn more about web development, founding a start-up, and bootstrapping a SaaS, follow me on X!
Copyright © 2017 - 2024 Sabe.io. All rights reserved. Made with ❤ in NY.