What is the correct way to export a constant in ES6?

In ES6 (ECMAScript 2015), a common approach to exporting constants involves using the export keyword. This enables defined constants to be imported and utilized in other files through the import statement. Here are several methods:

Exporting a Single Constant

When you need to export only one constant, simply add the export keyword before the constant declaration. For example:

javascript
// file: constants.js
export const PI = 3.14159;

In other files, you can import it as follows:

javascript
// file: app.js
import { PI } from './constants.js';

console.log(PI);  // Output: 3.14159

Exporting Multiple Constants

For multiple constants, you can export them collectively using a single export statement at the end of the file:

javascript
// file: constants.js
const PI = 3.14159;
const E = 2.71828;

export { PI, E };

When importing, the syntax is:

javascript
// file: app.js
import { PI, E } from './constants.js';

console.log(PI, E);  // Output: 3.14159 2.71828

Default Export

If a file primarily serves to export a single constant, use a default export:

javascript
// file: defaultConstant.js
const DEFAULT_CONSTANT = 'Default Value';
export default DEFAULT_CONSTANT;

The import syntax differs slightly:

javascript
// file: app.js
import myConstant from './defaultConstant.js';

console.log(myConstant);  // Output: 'Default Value'

The advantage of default exports is that you can customize the import name, offering flexibility. However, for modules containing multiple exports, named exports are generally preferred for improved code readability.

Summary

Leveraging ES6's export capabilities allows for efficient management and maintenance of constants and variables within projects. By selecting between named exports and default exports based on specific requirements and contexts, you can choose the optimal export method, which significantly aids modular development in large-scale projects.