1
resposta

[SUGESTÃO] Tornando seu código mais inteligente com Template Strings no JavaScript

  1. Atualizações manuais causam erros
    Ao alterar o valor do número secreto, era necessário também mudar manualmente esse valor em outras partes do código (ex: na mensagem do alert()).

Isso é um exemplo de acoplamento: quando várias partes do código dependem diretamente de valores fixos.

  1. Evitar acoplamento usando variáveis
    A solução ideal é usar a variável numeroSecreto diretamente na mensagem, evitando ter que atualizar múltiplas linhas.

alert('Você descobriu o número secreto ' + numeroSecreto); // pouco prático

  1. Uso de Template Strings
    Para facilitar a combinação de texto com variáveis, usamos Template Strings.

Template Strings usam crase (`) no lugar de aspas simples ou duplas.

Dentro da string, colocamos a variável entre ${} com um sinal de cifrão antes.

alert(Isso ai! Você descobriu o número secreto ${numeroSecreto});

  1. Resultado prático
    Agora, qualquer alteração no valor da variável numeroSecreto se reflete automaticamente na mensagem.

Isso torna o código mais dinâmico, confiável e fácil de manter.

  1. Exemplo final do bloco if/else com Template String

if (chute == numeroSecreto) {
alert(Isso ai! Você descobriu o número secreto ${numeroSecreto});
} else {
alert('Você errou :(');
}

1 resposta

Oi, Kelly! Como vai?

Gostei muito da sua análise sobre acoplamento e do uso de Template Strings para deixar o código mais limpo e sustentável. Você trouxe uma explicação clara e prática, mostrando bem como isso melhora a manutenção do programa.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!