Gostaria de entender mais direito sobre as funções anônimas, como é sua estrutura e comportamento. Já venho vendo em alguns cursos, mas ainda não entendi completamente cada componente dentro dos parênteses e sua ordem.
Alguém poderia me dar uma explicação ou um bom artigo explicado direito sobre isso.
Oi, Eden
Espero que este exemplo te ajude entender
// array usada para exemplo
const numeros = [ 1,2,3,4,5]
// 1. função padrão
function dobrarValor(numero) {
return numero *= 2;
};
console.log(numeros.map( dobrarValor ));
// saída: Array (5)[2, 4, 6, 8, 10]
// 2. função padrão embutida
console.log(numeros.map(function dobrarValor(numero) {
return numero *= 2;
}));
// saída: Array (5)[2, 4, 6, 8, 10]
// 3. função anônima
console.log(numeros.map(function (numero) {
return numero *= 2;
}));
// saída: Array (5)[2, 4, 6, 8, 10]
// 4. arrow function - função anônima com seta
console.log(numeros.map( (numero) => {
return numero *= 2;
}));
// saída: Array (5)[2, 4, 6, 8, 10]
// 5. arrow function - função anônima com seta e sintaxe mais curta
console.log(numeros.map( numero => numero *= 2 ));
// saída: Array (5)[2, 4, 6, 8, 10]
Entendi!, eu tinha visto essas formas diferentes, mas era só formas diferente de declara, que é os abreviamentos.
Eu ficava me perguntando sobre essa seta qual era a sua lógica.