Olá, colegas desenvolvedores! ? Hoje, vamos mergulhar em um aspecto crucial da escrita de JavaScript limpo e sustentável: gerenciar argumentos de função

O problema com muitos argumentos

Você já encontrou uma função parecida com esta?

function createMenu(title, body, buttonText, cancellable, theme, fontSize, callback) {
  // ...a whole lot of logic here
}

Se sim, você conhece a dor de tentar lembrar a ordem dos argumentos, ou pior, depurar quando alguém inevitavelmente os confunde. ?

A regra dos dois argumentos

Aqui está uma regra de ouro: Tente limitar suas funções a dois argumentos ou menos.
Por que? Aqui estão alguns motivos convincentes:

• Testabilidade aprimorada: Menos argumentos significam menos casos de teste para cobrir todas as possibilidades.
• Legibilidade aprimorada: é mais fácil entender rapidamente o propósito de uma função.
• Carga cognitiva reduzida: Menos malabarismo mental de parâmetros para desenvolvedores que usam a função.

Mas e se eu precisar de mais parâmetros?

Ótima pergunta! É aqui que entra a magia da desestruturação de objetos. Confira isto:

function createMenu({ title, body, buttonText, cancellable, theme = 'light', fontSize = 16, callback = () => {} }) {
  // Your implementation here
}

// Usage
createMenu({
  title: "Settings",
  body: "Adjust your preferences",
  buttonText: "Save",
  cancellable: true
});

Os benefícios desta abordagem

• Simula parâmetros nomeados: Você pode fornecer argumentos em qualquer ordem. Autodocumentação: A assinatura da função mostra claramente quais propriedades são esperadas. Valores padrão: Defina facilmente padrões para parâmetros opcionais. Previne efeitos colaterais: Desestrutura os valores primitivos dos clones, ajudando a evitar mutações acidentais. Linter-Friendly: as ferramentas podem avisá-lo sobre propriedades não utilizadas.

Dica profissional: TypeScript Boost

Se estiver usando TypeScript, você pode dar um passo adiante:

interface MenuOptions {
  title: string;
  body: string;
  buttonText: string;
  cancellable: boolean;
  theme?: 'light' | 'dark';
  fontSize?: number;
  callback?: () => void;
}

function createMenu(options: MenuOptions) {
  // Implementation
}

Isso adiciona segurança de tipo e preenchimento automático, tornando seu código ainda mais robusto!

Concluindo

Ao adotar esse padrão, você verá que suas funções se tornarão mais flexíveis, mais fáceis de usar e mais simples de manter. É uma pequena mudança que pode ter um grande impacto na qualidade do seu código.

O que você acha dessa abordagem? Você tem alguma outra dica para gerenciar argumentos de função? Vamos discutir nos comentários!

Boa codificação! ?