AD

¿Ya dominas lo básico? Un curso estructurado de JavaScript es la vía rápida para dar el salto.

Ver cursos de JavaScript en Udemy

Enlace de afiliado. No te cuesta nada extra.

🟨Lecciones de JavaScript
Lección 5 / 69

Crear funciones

En esta lección aprenderás a escribir funciones en JavaScript para reutilizar la misma lógica en varios sitios. Está escrita para quien ha buscado «cómo crear una función en JavaScript» o «uso de funciones en JavaScript».

Una función agrupa un trozo de lógica y le da un nombre. Se define con function nombre(argumentos) { ...; return valor; } y se llama con nombre(valor). Piénsalo como una receta: cuando has anotado unos pasos y les has puesto nombre, puedes reproducir el mismo resultado cuando quieras. La fuerza de una función está en que cambiar los argumentos te da resultados distintos con la misma lógica.

El código de ejemplo define una función llamada saludar que recibe un argumento nombre y usa return para devolver un mensaje de saludo. Un valor devuelto con return se puede usar directamente donde se llama, por ejemplo console.log(saludar("Carlos")).

Un error habitual al empezar es olvidar el return, con lo que el resultado de la función queda como undefined. return significa «cierra aquí el resultado de la función y entrégalo a quien la llamó», así que cualquier función pensada para producir un valor lo necesita sin falta. Ten cuidado también con la confusión cuando una variable definida fuera de la función comparte nombre con uno de sus argumentos.

En el desarrollo real, cuando necesitas reutilizar el mismo cálculo o proceso en varios sitios, lo estándar es extraerlo primero a una función. Dividir el código en funciones de tamaño razonable lo hace más fácil de seguir, de depurar y de probar. La calidad del diseño de tus funciones influye mucho en la calidad del código real.

Algunas funciones no devuelven ningún valor y solo realizan una acción; en ese caso puedes omitir el return y quien la llama simplemente la ejecuta sin usar un valor de retorno. Ser consciente de la distinción entre «funciones que devuelven un valor» y «funciones que solo hacen algo» deja mucho más clara la intención de tu código.

Nombrar funciones también tiene su truco: la regla básica es dar un nombre como saludar o calcularTotal, donde el verbo transmita «qué hace esta función». Una función cuyo nombre por sí solo permite adivinar qué hace es una verdadera cortesía hacia quien lea tu código.

JavaScript
SALIDA

💡 Todo lo que pases a console.log() aparece en la salida de abajo.

Espacio publicitario (banner)
Espacio publicitario (en el artículo)