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
:
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.
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:
import { add, subtract } from './math.js';
That's it, now they can be used just like any other function.
import { add, subtract } from './math.js';
const result = add(1, 2);
console.log(result);
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!
If you want to learn about web development, founding a start-up, bootstrapping a SaaS, and more, follow me on Twitter! You can also join the conversation over at our official Discord!
Leave us a message!