Curso de JavaScript
Dale vida a la web.
Aprende a programar, crea interacciones y construye proyectos reales.
Una función agrupa un bloque de código que quieres poder ejecutar (llamar) varias veces, sin repetirlo. Declarar una función no la ejecuta: solo la deja lista para cuando la llames.
Explicación
Estas son las piezas básicas para declarar y usar una función:
function nombre() {...}Declara una función: define el bloque de código que se va a ejecutar cada vez que la llames.
nombre()Llama (ejecuta) la función. El código dentro de la función solo corre cuando la llamas, no cuando la declaras.
return valorDetiene la función y devuelve un valor a quien la llamó. Sin return, la función devuelve undefined.
Reto rápido
Agrega una segunda llamada a saludar(), guardada en otra variable, y muestra ambos mensajes con console.log.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Declarar una función no ejecuta su código: solo lo ejecuta cuando la llamas con (). Es un error común pensar que function saludar() {...} ya "hizo" algo por sí sola.
Dato extra
El nombre de una función debería describir qué hace, normalmente con un verbo: saludar(), calcularTotal(), validarFormulario(). Facilita leer el código sin tener que abrir cada función.
Error común
Olvidar los paréntesis al llamar la función (const mensaje = saludar; en vez de saludar();): mensaje termina guardando la función misma, no el resultado de ejecutarla.
Siguiente paso
Ya sabes declarar y llamar funciones simples. Ahora veamos cómo pasarles información con parámetros y recibir resultados distintos con return.
Ir a la siguiente lección