Funciones

Bloques de código con nombre que reciben datos (parámetros) y devuelven un resultado.

function nombre() {}: Declara una función con nombre.

return: Devuelve un valor y termina la función.

() => {}: Forma corta de escribir funciones.

Callbacks: Una función que se pasa a otra para que la llame cuando toque.

  • Bloques de código con nombre que reciben datos (parámetros) y devuelven un resultado.
  • Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.
  • Esencial. Declara una función con nombre. Se puede usar antes de la línea donde se escribe.
  • Esencial. Devuelve un valor y termina la función. Sin return, la función devuelve undefined.
  • Esencial. Forma corta de escribir funciones. Si el cuerpo es una sola expresión, se puede quitar { } y return. Se usan mucho como argumento de map, filter o addEventListener.

Introducción

Bloques de código con nombre que reciben datos (parámetros) y devuelven un resultado.

Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.

function nombre() {}

Esencial. Declara una función con nombre. Se puede usar antes de la línea donde se escribe.

return

Esencial. Devuelve un valor y termina la función. Sin return, la función devuelve undefined.

() => {}

Esencial. Forma corta de escribir funciones. Si el cuerpo es una sola expresión, se puede quitar { } y return. Se usan mucho como argumento de map, filter o addEventListener.

const f = function () {}

Una función guardada en una variable. A diferencia de la declaración, solo se puede usar después de crearla.

Parámetros por defecto

Valor que toma un parámetro cuando no se pasa.

...parámetros

Recoge en un array todos los argumentos que lleguen, sean cuantos sean.

Callbacks

Esencial. Una función que se pasa a otra para que la llame cuando toque: al recorrer un array, al hacer clic, cuando pase un tiempo… Es la base de los eventos y de muchos métodos de arrays.

Ámbito (scope)

Dónde existe una variable. Las declaradas dentro de una función o de un bloque { } no se ven fuera; las de fuera sí se ven dentro.

Closures

Una función recuerda las variables del lugar donde se creó, aunque se ejecute después y en otro sitio.

Referencia de JavaScript
04

Funciones

Bloques de código con nombre que reciben datos (parámetros) y devuelven un resultado.

Código del tema: function saludar(nombre) {

📘 Teoría

Introducción

Bloques de código con nombre que reciben datos (parámetros) y devuelven un resultado.

Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.

function nombre() {}

Esencial. Declara una función con nombre. Se puede usar antes de la línea donde se escribe.

return

Esencial. Devuelve un valor y termina la función. Sin return, la función devuelve undefined.

() => {}

Esencial. Forma corta de escribir funciones. Si el cuerpo es una sola expresión, se puede quitar { } y return. Se usan mucho como argumento de map, filter o addEventListener.

const f = function () {}

Una función guardada en una variable. A diferencia de la declaración, solo se puede usar después de crearla.

Parámetros por defecto

Valor que toma un parámetro cuando no se pasa.

...parámetros

Recoge en un array todos los argumentos que lleguen, sean cuantos sean.

Callbacks

Esencial. Una función que se pasa a otra para que la llame cuando toque: al recorrer un array, al hacer clic, cuando pase un tiempo… Es la base de los eventos y de muchos métodos de arrays.

Ámbito (scope)

Dónde existe una variable. Las declaradas dentro de una función o de un bloque { } no se ven fuera; las de fuera sí se ven dentro.

Closures

Una función recuerda las variables del lugar donde se creó, aunque se ejecute después y en otro sitio.

🕹️ Practica

Referencia interactiva Ejemplos editables: Funciones Abrir en pantalla completa

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros. culTest

La hice en febrero de 2026 para facilitar el aprendizaje de mis alumnos. La idea es aprender desarrollo web practicando y que el proyecto siga creciendo con nuevos temas, tests y retos.

Está inspirada en MDN, W3Schools, CodePen, Manz y muchos otros sitios de documentación sobre desarrollo web. Quería combinar teoría útil, ejemplos ejecutables, retos y el sistema de tests que ya tenía en culTest. culTest

Si te gustó, si no te gustó o si quieres escribirme, puedes hacerlo en cristianeslava@gmail.com