Inicio > Cursos > JavaScript > Funciones
JavaScriptFunciones y ArraysLección 6 de 24

Funciones

Una función es un bloque de código con nombre que puedes ejecutar cuantas veces quieras. Piensa en una receta de cocina: la escribes una vez y la puedes seguir infinitas veces con diferentes ingredientes. Los parámetros son esos "ingredientes" y el return es el plato terminado.

En JavaScript moderno existen dos formas de escribir funciones: la declaración clásica con la palabra function, y las arrow functions (=>) introducidas en ES6. Las arrow functions son más cortas y son la preferida en código moderno, especialmente cuando se pasan como argumentos a otros métodos.

Las funciones son el corazón del principio DRY (Don't Repeat Yourself — No Te Repitas). Si escribes el mismo código dos veces, es señal de que debería ser una función. Código bien funcionalizado es más fácil de leer, testear y mantener.

// Función declarativa
function saludar(nombre) {
  return "Hola, " + nombre + "!";
}
console.log(saludar("Ana")); // "Hola, Ana!"

// Función con múltiples parámetros y valor por defecto
function suma(a, b = 0) {
  return a + b;
}
console.log(suma(5, 3)); // 8
console.log(suma(10));   // 10 (b=0 por defecto)

// Arrow function (función flecha)
const multiplicar = (a, b) => a * b;
console.log(multiplicar(4, 5)); // 20

// Arrow function con cuerpo
const saludarFormal = (nombre) => {
  const mensaje = `Buenos días, ${nombre}`;
  return mensaje;
};

// Función como argumento (callback)
function ejecutar(fn, valor) {
  return fn(valor);
}
const doble = x => x * 2;
console.log(ejecutar(doble, 5)); // 10
Consejo✨ Las arrow functions son más concisas y preservan el contexto "this". Úsalas en la mayoría de los casos modernos.
← Bucles e IteracionesArrays →

Practica esta lección

Resuelve los ejercicios del curso de JavaScript en la app, gratis y con corrección automática.

Empezar a practicar