¿Cuál es la diferencia entre una función declarada con `function()` y una arrow function?
✨ Correcto: ❌ Incorrecto:Funciones
Las funciones son un conjunto de instrucciones que se pueden ejecutar varias veces, para no tener que escribir el mismo código otra vez. Además, a las funciones se le pueden pasar parámetros↗, lo que permite tener un mismo código con diferentes resultados según el parámetro.
function()
Para crear una función se utiliza la palabra reservada function, seguida del nombre de la función, los parámetros que recibe van dentro de los paréntesis y el código que ejecuta la función va dentro de las llaves. Una función debe ser llamada para que se ejecute, para llamarla solo se escribe el nombre de la función y los argumentos↗ que recibe.
function suma(a,b){ //a y b son parámetros
let resultado = a + b //aquí se ejecuta el código de la función
console.log(resultado); //aquí se imprime el resultado
}
suma(2,2); //llamamos la función - imprime 4
suma(3,3); // podemos llamar la función con diferentes parámetros - imprime 6
Podemos agregarle un return para retornar el valor. De esta forma la función no imprime el resultado, solo lo retorna y lo que hace más fácil manipular los datos.
function suma(a,b){
let resultado = a+b;
return
}
console.log(suma(2,2)); //imprime 4
Arrow function
Las arrow function son una forma más corta de escribir funciones. Además que estas funciones nombradas "anónimas"↗ no sufren de Hoisting↗ como las funciones normales. Se escriben de la siguiente manera:
//si la función solo tiene una linea de código se puede escribir asi
const suma = (a,b) => a+b;
console.log(suma(2,2)); //imprime 4
//si la función tiene más de una linea de código se debe escribir así
const suma = (a,b) => {
let resultado = a+b;
return resultado;
}
console.log(suma(2,2)); //imprime 4
Prueba tu conocimiento
Secciona el código cuando nos referimos a argumento
✨ Correcto: ❌ Incorrecto: