LECCIÓN 24 / 60 · Funciones reutilizables

Escribe una función flecha

Al terminar, podrás: escribir una función flecha sencilla

Ruta esencialJavaScript

Conviene conocer: Lección 22 · Devuelve un valor con return

La idea clave

Una función flecha hace el mismo tipo de trabajo que una función tradicional. Para una operación pequeña permite escribirla de forma muy breve. Los métodos que reciben funciones se aprenderán después.

Ejemplo paso a paso

Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.

Ejemplo explicado
const doble = numero => numero * 2;
console.log(doble(4));
  1. numero es el dato que entra en la función.
  2. La flecha => separa entrada y operación.
  3. El resultado de numero * 2 se devuelve y doble(4) produce 8.

Practica con código

Antes de empezar, piensa: ¿Qué devuelve doble(4)?

Cambia el nombre de la función a triple, haz que multiplique por 3 y prueba con 5.

El resultado que buscamos

La consola debe mostrar 15.

JAVASCRIPT Practica aquí
Tu misión

Cambia el nombre de la función a triple, haz que multiplique por 3 y prueba con 5.

Consola
Lista para ejecutar.
Sin comprobar
Escribe tu cambio y pulsa «Comprobar solución». Puedes intentarlo tantas veces como quieras.
Listo
Necesito una pista

Sustituye * 2 por * 3.

Una pista más

Después utiliza doble(5), o cambia el nombre a triple para que describa lo que hace.

Ver solución y explicación

const triple = numero => numero * 3; console.log(triple(5));

Qué debes recordar: Una función flecha puede devolver el resultado de una expresión pequeña.

Práctica pendiente de corregir

La lectura, las prácticas corregidas y las autoevaluaciones guiadas se guardan por separado en este navegador.

Revisado editorialmente · Referencia técnica específica ↗