Curso de Javascript | Arrow Functions

Curso de Javascript Online. Desde cero.

2.  
14.  
19.  
21.  
22.  
25.  
26.  
28.  
34.  

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Una «expresión como función» se refiere a una forma de definir una función utilizando una expresión. Esto implica asignar una función anónima a una variable.

const sum = function (a, b){
   return (a + b);
}

Las funciones flecha, que veremos a continuación, son funciones como expresión.

Arrow functions

Son una nueva manera de expresar las funciones de siempre, de un modo resumido y con algunas características nuevas.

const nombreDeLaFunción = parámetros => cuerpoOvalorDevuelto

A continuación de la flecha ponemos lo que devuelve la función.

Sin parámetros

const saludar= () => {
	console.log('Hola'); 
}

saludar(); // Hola

Con un parámetro

const multiplicar1 = (param) => {
	const resultado = param * 2;
	console.log(resultado)
}

const multiplicar2 = param => {
	const resultado = param * 2;
	console.log(resultado)
}

multiplicar1(4);  // 8
multiplicar2(4);  // 8

Múltiples parámetros

const multiplicar = (x, y) => {
	const resultado = x * y;
	console.log(resultado);
}

multiplicar(2, 3);  // 6

Sólo con return

Las siguientes dos funciones son equivalentes. Cuando una functión no tiene llaves, todo su contenido forma parte de su return.

const multiplicar1 = (x, y) => { return x * y };
const multiplicar2 = (x, y) =>  x * y;

const valor1 = multiplicar1(2, 3);
const valor2 = multiplicar2(2, 3);

console.log(valor1); // 6
console.log(valor2); // 6

Ejercicios: Resolver con funciones flechas

Resolveremos los siguientes ejercicios definiendo una función con parámetros de entrada

1. Crear y llamar a una función flecha que recibe un número y muestre su cubo con un console.log.

2. Crear y llamar a una función flecha que recibe la velocidad en Km/hora y la devuelva en en metros/hora. Recoger el valor devuelto y mostrarlo con un console.log.

3. Crea y llamar a una función flecha que recibe el ancho y el alto de un rectángulo y devuelva su área.

Recoger el valor devuelto y mostrarlo con un console.log.

Cuando una función recibe varios parámetros, estos irán separados por coma.

calculateArea(width, height);

4. Crear y llamar a una función flecha que recibe la base y la altura de un triángulo y devuelva su área.

Recoger el valor devuelto y mostrarlo con un console.log.
Área triángulo = base*altura/2

5. Crear estas dos funciones flecha:

  • calculatePerimeter(radius); 
Perímetro de la circunferencia = 2*Math.PI*radio
  • calculateArea(radius); 
Área de la circunferencia = Math.PI*radio*radio

Recoger los valores devueltos por las funciones y mostrarlos con un console.log.

Ver preguntas de la certificación JSE-40-01

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.