🟨
ChatGPT intermediate

Prompt para es6+ e funcionalidades modernas em JavaScript

Prompt gerado automaticamente para ES6+ e funcionalidades modernas em JavaScript

2 usos JavaScript

Prompt completo

"Assuma o papel de um desenvolvedor front-end experiente. Você precisa criar um guia conciso e prático para otimizar o uso de **ES6+ e funcionalidades modernas** em um projeto JavaScript de larga escala, focado em **performance e manutenibilidade**. O guia deve abordar, mas não se limitar a:

1.  **Desestruturação (Destructuring Assignment):** Como aplicar de forma eficiente para desempacotar objetos e arrays complexos, evitando boilerplate e melhorando a legibilidade, e quais cenários podem gerar overhead inesperado se mal utilizados.
2.  **Operador Spread/Rest:** Exemplos práticos de uso para clonagem de objetos/arrays, fusão e passagem de argumentos variáveis para funções, destacando as vantagens de performance em relação a métodos antigos (ex: `Object.assign()`, `Array.prototype.concat()`) e quando evitar seu uso excessivo.
3.  **Arrow Functions:** Benefícios de `this` léxico para evitar problemas de contexto em callbacks e métodos de classe, e quando *não* usar arrow functions (ex: métodos de objeto, construtores).
4.  **Template Literals:** Como usá-los para interpolação de strings e criação de strings multi-linha de forma mais limpa e performática do que a concatenação tradicional.
5.  **Módulos ES6 (import/export):** Melhores práticas para organização de código, carregamento assíncrono (dynamic `import()`) e *tree-shaking*, explicando como esses recursos contribuem para bundles menores e carregamento mais rápido da aplicação.
6.  **`let`/`const` vs. `var`:** Reforçar a importância do escopo de bloco e a imutabilidade para prevenir bugs e facilitar a análise estática de código.
7.  **Classes (ES6 Classes):** Como estruturar componentes e lógica de negócios de forma orientada a objetos, incluindo herança e métodos estáticos, e quando considerar alternativas como funções construtoras ou factories para maior flexibilidade.

Para cada item, forneça um pequeno trecho de código exemplificando o 'bom uso' e, se aplicável, um 'anti-padrão' comum com uma breve explicação do porquê. O objetivo final é capacitar outros desenvolvedores a escreverem código JavaScript moderno, performático

Tags relacionadas

JavaScript ES6+ e funcionalidades modernas gerado-automaticamente

Como usar este prompt

1

Clique no botão "Copiar" para copiar o prompt para sua área de transferência

2

Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)

3

Cole o prompt e adapte conforme necessário para seu contexto específico