Ya conoces las funciones integradas de JavaScript. Ahora es el momento de crear tus propias funciones, una habilidad que te ayudará a escribir programas más organizados, a reutilizar código de forma eficiente y a abordar tareas complejas con menos esfuerzo.
¿Cómo se escribe una función?
Cuando alguien entra a tu app, podrías mostrarle un mensaje de bienvenida:
const mostrarSaludo = () => {
console.log('¡Hola, Códica!');
};
const mostrarSaludo =: defines una constante con el nombre de tu función. Por ahora siempre usaremosconstpara evitar errores.() => { ... }: eso indica que es una función.- Dentro de
{ }escribes lo que hace la función.
Para que haga su trabajo, tienes que llamarla así:
mostrarSaludo(); // Muestra "¡Hola, Códica!"
Si necesitas mostrar el mismo saludo muchas veces, no lo escribes una y otra vez. Solo llamas a tu función cada vez que la necesites:
mostrarSaludo(); // primera vez
mostrarSaludo(); // segunda vez
¿Puedo dejar una función vacía?
Sí. A veces quieres crear una función para usarla más tarde:
const sinAccion = () => {};
No hace nada, pero no da error si la llamas.
Ejemplo práctico
Imagina que estás haciendo una app de compras y quieres mostrar un resumen del pedido cada vez que alguien lo finaliza. Puedes escribir una función que muestre ese resumen, en lugar de repetir las instrucciones cada vez:
const mostrarResumen = () => {
console.log('🛍️ Pedido: 2 Chocolates');
console.log('💰 Total: $9000 COP');
};
mostrarResumen(); // Se muestra el resumen
Puedes volver a usarla cuantas veces quieras:
mostrarResumen(); // Llamada 1
mostrarResumen(); // Llamada 2
Como ves, una función te ayuda a no repetir código. Solo la escribes una vez y la puedes usar las veces que quieras. Esto es muy útil cuando haces cosas como:
- Mostrar mensajes en varios lugares (como saludos o resúmenes).
- Repetir una misma acción muchas veces.
- Organizar mejor tu código y hacerlo más fácil de leer.
👉 Lo mejor es que si algo cambia, solo necesitas modificar la función, no todas las partes donde la usaste.
Resumen
- Las funciones agrupan instrucciones para reutilizar código.
- Se definen usando
const nombre = () => { ... }. - Se ejecutan llamándolas por su nombre:
nombre();. - Su código interno se encuentra entre
{}y se ejecuta cuando la función es llamada. - Pueden recibir datos de entrada y devolver resultados (lo veremos más adelante).
- Usar funciones hace que el código sea más organizado y fácil de mantener.
Ahora que sabemos definir funciones, en la siguiente lección veremos cómo hacerlas aún más útiles con parámetros y valores de retorno.
Materiales adicionales
Para acceder completo a curso necesitas un plan básico
El plan básico te dará acceso completo a todos los cursos, ejercicios y lecciones de Códica, proyectos y acceso de por vida a la teoría de las lecciones completadas. La suscripción se puede cancelar en cualquier momento.
