ES Modules

ES Modules são uma funcionalidade fundamental introduzida no ECMAScript 6 (ES6) que permite a organização e o compartilhamento do código entre diferentes arquivos JavaScript. Eles fornecem uma maneira estruturada e eficiente de importar e exportar funcionalidades entre arquivos, promovendo a modularidade e a reutilização de código.

Como Funciona

OS ES Module utilizam duas palavras-chave principais: export e import .

Exportação

Para exportar uma funcionalidade (variável, funções, classes, etc.), você pode usar palavra-chave export

Exportação Nomeada

// math.js
export function add(a, b) {
	return a + b;
}

export const PI = 3.14;

Exportação Padrão

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

Exportação Conjunta

// math.js
function add(a, b) {
	return a + b;
}
const PI = 3.14;

export { add, PI }

Exportação Renomeada

function add(a, b) {
	return a + b
}

export { add as sum }

Importação

Para importar funcionalidades de outro módulo, você pode usar a palavra-chave import

Importação Nomeada

import { add, PI } from './math.js'

console.log(add(2, 3)); // 5
console.log(PI); // 3.14

Importação Padrão