Sometimes, developers create multiple files and want to export some functions from one file to another file. JavaScript allows exporting and importing the functions or variables using the “export” or “import” keywords. For exporting functions, either define a function with the export keyword or export the already defined function.
This blog will explain the method to export a function in JavaScript.
How to Export a Function in JavaScript?
To export a JavaScript function, there are two ways.
- Define a function with the “export” keyword
- Export the already defined function
Syntax
To export a function, use the given syntax for defining the function with the “export” keyword
Follow the below-given syntax to export the already defined function:
Example 1: Export Already Defined Function
We have two JavaScript files, “info.js” and “JSfile.js”. In the given example, first, we will define a function in an “info.js” file for getting the user information using the “prompt()” method:
name = prompt('Enter Your Name');
id = prompt('Enter Your id');
console.log(name);
console.log(id);
}
Now, export the function from the “info.js” file in “JSfile.js”:
The output shows that the function is successfully exported:
Let’s see the second way to export the function using the “export” keyword.
Example 2: Export Function With Export Keyword
Here, we will define the function “getInformation()” in “info.js” with an “export” keyword that will “import” in the <script> tag:
name = prompt('Enter Your Name');
id = prompt('Enter Your id');
console.log(name);
console.log(id);
}
In the <script> tag, import the function from “info.js”:
import {getInformation} from './info.js';
console.log(getInformation());
</script>
Output
That’s all about exporting JavaScript functions from one JS file to another.
Conclusion
To export a JavaScript function, there are two ways: one is defining a function with the “export” keyword, and the other is exporting the already defined function. The function with the export keyword is imported in a JavaScript file or a script tag using “import {functionName} form ‘path’”. In this blog, we have explained the method to export a function in JavaScript.
