Uso da Arrow Function, após a criação de uma função.

Olá, tive algumas duvidas a respeito do uso da Arrow function.

Código antes de ser reaproveitado

Nessa primeira imagem foi desenvolvida a maneira de realizar a soma e a subtração de valores que estavam no HTML através da Arrow function registrando o evento de clicks.

Código reaproveitado

Já nessa segunda imagem após o código ter sido reaproveitado e utilizarmos uma função para realizar a soma e a subtração, não consegui compreender qual o papel da Arrow function acima, entendi que através do evento de click se o usuário clicar no botão com o id somar, ele executa a função manipulaDados e soma, porém a maior duvida que ficou foi porque manter a Arrow function ali após a criação da função ? qual está sendo o papel dela ali?

Olá Luiz, tudo bem?

A Arrow Function presente no código é responsável por chamar a função manipulaDados() quando o botão com o id "somar" ou "subtrair" é clicado. Essa função é passada como parâmetro para o método addEventListener(), que é responsável por registrar o evento de clique no botão.

Mesmo com a criação da função manipulaDados(), ainda é necessário passá-la como parâmetro para o addEventListener(). Isso acontece porque o addEventListener() espera receber uma função como parâmetro, e é exatamente isso que a Arrow Function está fazendo: ela está chamando a função manipulaDados() quando o evento de clique é registrado.

Portanto, a Arrow Function continua tendo um papel importante no código, mesmo após a criação da função manipulaDados(). Ela é responsável por registrar o evento de clique e chamar a função que realiza a soma ou subtração dos valores.

Espero ter ajudado, qualquer dúvida, me coloco à disposição! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!