Observe os dois trechos de código abaixo utilizados para registrar cliques em três botões de curtir. Considerando princípios de reutilização e organização do código, a vantagem do Trecho 2 em relação ao Trecho 1 é:
Questão
Observe os dois trechos de código abaixo utilizados para registrar cliques em três botões de curtir. Considerando princípios de reutilização e organização do código, a vantagem do Trecho 2 em relação ao Trecho 1 é:
Alternativas
A) executar o evento apenas uma vez.
B) aumentar a quantidade de código repetido.
C) permitir reaproveitar a mesma função.
D) impedir que novos botões sejam adicionados à página.
E) dificultar a leitura do código.
Explicação
Passo a passo:
-
No Trecho 1, cada botão recebe um
addEventListenercom uma função anônima repetida (mesmo código doconsole.log). Isso gera código duplicado e piora a manutenção: se você quiser mudar a mensagem, precisa alterar em vários lugares. -
No Trecho 2, os botões são percorridos com
botoes.forEach(...)e todos apontam para a mesma função nomeadabotaoClicado. -
Isso traz a principal vantagem de reutilização e organização: a lógica do clique fica centralizada em um único lugar e pode ser reaproveitada para quantos botões existirem (inclusive se forem adicionados mais botões ao array/seleção).
Logo, a vantagem do Trecho 2 é permitir reaproveitar a mesma função.
Alternativa correta: (C).