JavaScript Modules

Modules

Modules allow you to organize your code into smaller, reusable pieces. Each module is a file that can export functionality to be used in other files. The HTTP(s) protocol is the only one that supports modules. Modules help keep your code manageable and make collaboration easier in larger projects.

Example:

import subtract, { add, multiply } from ‘./mathOperations.js’; console.log(add(5, 3)); // Output: 8 console.log(multiply(5, 3)); // Output: 15 console.log(subtract(5, 3)); // Output: 2

Export

To make variables, functions, or classes available outside a module, use the export keyword.There are two types of exports, they are Named exports and Default exports.

Named Exports

You can export multiple items from a module using named exports. Named exports can be created in two ways,In-line individually or All at once at the bottom.

In-line individually:

export const name = ‘Credosystemz’; export function greet() { return ‘Welcome to Credosystemz!’; }

All at once at the bottom:

const name = ‘Credosystemz’; function greet() { return ‘Welcome to Credosystemz!’; } export { name, greet };

Default Exports

Default exports allow you to export one primary value from a module. A file can have only one default

export.

Example:

export default function() { return ‘Default Export Example’; }

Import

To use exported functionality, you use the import keyword.

Import from Named Exports

When importing named exports, use curly braces:

import { name, greet } from ‘./module.js’; console.log(name); // Output: Credosystemz console.log(greet()); // Output: Welcome to Credosystemz! Important Note: Ensure the names used in import match the names used in export. Import from Default Exports

When importing default exports, you don’t use curly braces:

import greet from ‘./module.js’; console.log(greet()); // Output: Default Export

Request more information

JavaScript Modules