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
Practica esta lección
Resuelve los ejercicios del curso de JavaScript en la app, gratis y con corrección automática.
Empezar a practicar