Named Exports
Named exports are useful for exporting several values. During the import, it is mandatory to use the same name as the corresponding object.
Syntax:
// Exporting individual features
export let name1 = …, name2 = …, …, nameN; // also var, const
// Export list
export { name1, name2, …, nameN };
//Exporting everything at once
export { object, number, x, y, boolean, string }
// Renaming exports
export { variable1 as name1, variable2 as name2, …, nameN };
// export features declared earlier
export { myFunction, myVariable };
Example: In this example, we are exporting everything by their default name.
javascript
//file math.js function square(x) { return x * x; } function cube(x) { return x * x * x; } export { square, cube }; //while importing square function in test.js import { square, cube } from './math; console.log(square(8)) //64 console.log(cube(8)) //512 |
Output:
64
512
What is export default in JavaScript ?
The export statement is used when creating JavaScript modules to export objects, functions, and variables from the module so they can be used by other programs with the help of the import statements. There are two types of exports. One is Named Exports and the other is Default Exports.