How to define and export a module in JavaScript?

Question

Aryan Kumar · Answer

To define and export a module in JavaScript, you can follow these steps:

Create Your Module: Write the code for your module, including functions, variables, classes, or any other functionality that you want to make available to other parts of your application. Here's an example of a simple module that calculates the square of a number:

// myModule.js
export function square(number) {
  return number * number;
}

export function cube(number) {
  return number * number * number;
}

Use the export Keyword: To make specific parts of your module accessible to other modules, use the export keyword followed by the name of the element you want to export. You can use named exports, where you specify the names of the exports, or a default export for the primary functionality of the module.

In the example above, we used named exports to export the square and cube functions.

Export a Default: If you want to export a default value or function from your module, you can use the default keyword. There can be only one default export in a module.

// myModule.js
export default function multiply(a, b) {
  return a * b;
}

Re-export from Other Modules (Optional): You can also re-export elements from other modules in your module. This can be useful for creating a module that serves as a facade or API for multiple other modules. For example:

// myFacadeModule.js
export { square, cube } from './myModule';
export { default as multiply } from './otherModule';

Use the Exported Module: In another module where you want to use the functionality from your module, you can use the import statement to bring in the exported elements. You can import either named exports or the default export.

// anotherModule.js
import { square, cube } from './myModule';
import multiply from './myModule'; // When using the default export

Use the Exported Functionality: Once you've imported the module, you can use the exported functions, variables, or classes just like any other JavaScript code.

const result = square(5); // Using the square function from myModule
console.log(result);

By following these steps, you can define and export a module in JavaScript. This modular approach to code organization and sharing makes your code more maintainable and encourages the separation of concerns in your applications.

forum

How to define and export a module in JavaScript?

Can you answer this question?

1 Answers