Curso de Javascript | Arrow Functions

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.

Ver ejemplo

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.

Ver ejemplo

Ver Video

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);

Ver ejemplo

Ver Video

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

Accede a tu cuenta

Arrow functions

Sin parámetros

Con un parámetro

Múltiples parámetros

Sólo con return

Ejercicios: Resolver con funciones flechas

Footer