Arrow Functions

驴Por qu茅 es necesario declarar una arrow function antes de usarla?

Declaraci贸n de una funci贸n:
a();
function a(){}
Expresi贸n de una funci贸n (funci贸n como valor)
const prueba = function {
	console.log('hola');
}
prueba();

En la primera fase de carga del c贸digo Javascript (hoising), las funciones se almacenan en memoria con todo su c贸digo, pero laas variables y constantes se almacenan con valor undefined.

En la fase de ejecuci贸n es d贸nde se asignan los valores a las variables y constantes. Por tanto, si utilizamos una variable o constante antes de haberle asignado un valor en esta fase, dar谩 error, puesto que tendr谩 un valor de undefined.

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

nombre de la funci贸n = par谩metros => cuerpo o valor devuelto

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

Sin par谩metros

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

const devolver2 = _ => {
	console.log('Adios'); 
}

devolver1(); // Hola
devolver2(); // Adios

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

const multiplicar = (x, y) =>  x * y;

const valor = multiplicar(2, 3);

console.log(valor); // 6

Ejercicios: funciones

Resolveremos los siguientes ejercicios definiendo una funci贸n con par谩metros de entrada

1. Crear y llamar a una funci贸n que recibe un n煤mero y calcula su cubo.

2. Crear y llamar a una funci贸n que recibe la velocidad en Km/hora y la muestra en metros/hora.

3. Crea y llamar a una funci贸n que recibe el ancho y el alto de un rect谩ngulo y calcula su superficie.

Cuando una funci贸n recibe varios par谩metros, estos ir谩n separados por coma.

calculaSuperficie(alto, ancho);

4. Crear y llamar a una funci贸n que recibe la base y la altura de un tri谩ngulo y calcula su 谩rea.
Area tri谩ngulo = base*altura/2

5. Utilizando estas dos funciones:

  • calculaPerimetro(int radio); Per铆metro de la circunferencia = 2*Math.PI*Radio
  • calculaArea(int radio); Area de la circunferencia = Math.PI*Radio2

Leer el valor del radio de una circunferencia y mostrar por pantalla su per铆metro y area.

Volver a: Javascript

Aviso Legal | Pol铆tica de privacidad