Fundamentos de JavaScript

Teoría: Definición de funciones

Acceso completo a los materiales

Regístrate y obtén acceso a este y a decenas de otros cursos

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.

Una función es como una mini receta. Le das un nombre y escribes dentro lo que debe hacer. Luego puedes usar esa receta todas las veces que quieras, sin volver a escribir todo.

Function

¿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 usaremos const para 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.

NavegaciónTeoría

Completado

0 / 46

→