J

Módulos ES6

JavaScript Syntax Guide

Importar e exportar módulos em JavaScript

Módulos ES6

Importar e exportar módulos em JavaScript

JavaScript módulos es6 (javascript)
        
          // Exporting (in math.js)
// Named exports
export const PI = 3.14159;
export function add(a, b) {
  return a + b;
}

// Default export
export default class Calculator {
  multiply(a, b) {
    return a * b;
  }
}

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

// Or import everything
import * as MathUtils from './math.js';

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

const calc = new Calculator();
console.log(calc.multiply(4, 5)); // 20

// Dynamic imports
const module = await import('./math.js');
console.log(module.PI);
        
      

Explanation

Os módulos ES6 fornecem uma maneira padrão de organizar e compartilhar código. Use exportações nomeadas para múltiplas exportações e exportação padrão para a exportação principal.

Common Use Cases

  • Organização de código
  • Reutilização
  • Gerenciamento de dependências
  • Tree shaking

Related JavaScript Syntax

Master Módulos ES6 in JavaScript

Understanding Módulos ES6 is fundamental to writing clean and efficient JavaScript code. This comprehensive guide provides you with practical examples and detailed explanations to help you master this important concept.

Whether you're a beginner learning the basics or an experienced developer looking to refresh your knowledge, our examples cover real-world scenarios and best practices for using Módulos ES6 effectively in your JavaScript projects.

Key Takeaways

  • Organização de código
  • Reutilização
  • Gerenciamento de dependências