Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida entre function() e =>

Boa tarde!!

Fiquei em duvida nas seguintes linhas de código:

botaoTirarFoto.addEventListener("click", function() {
})

e

botaoEnviarFoto.addEventListener("click", () => {
    
})

Qual seria a diferença entre usar function() e =>?

1 resposta
solução!

Olá, Heloisa!

As duas formas de escrever funções que você mencionou, function() e () =>, são conhecidas como função tradicional e função de seta (ou arrow function), respectivamente.

A principal diferença entre as funções tradicionais e as arrow functions está no comportamento do this. Nas funções tradicionais, o this é dinâmico, ou seja, seu valor é determinado pelo contexto de como a função é chamada. Já nas arrow functions, o this é léxico, ou seja, seu valor é determinado pelo contexto onde a função foi escrita. Compreendo que essa distinção possa parecer complexa, dificultando a compreensão das diferenças entre elas. Por isso, recomendo a leitura do seguinte artigo e da documentação sobre funções, que se aprofunda bastante no assunto, e vai lhe ajudar a fixar o conhecimento.

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso

Um grande abraço e até mais!

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

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software