Domina la base de funciones para evitar duplicación, mejorar legibilidad y construir piezas reutilizables con parámetros, retorno y sintaxis moderna.
Una función es una unidad de trabajo: recibe entradas, aplica reglas y devuelve una salida que otras partes del programa pueden reutilizar.
Cuando no usas funciones, acabas repitiendo bloques, aumentando errores y dificultando cambios futuros.
Aquí vas a aprender a diseñarlas con intención: nombres claros, parámetros útiles y retornos predecibles.
Objetivo práctico: transformar lógica dispersa en piezas pequeñas, probables y mantenibles.
Programar bien no es escribir más código, es organizar mejor la lógica.
Cada vez que detectas un patrón repetido, una función es candidata natural para encapsularlo y evitar duplicación.
Además, las funciones te obligan a definir contratos claros: qué reciben, qué hacen y qué devuelven. Eso reduce ambigüedad.
Estructura mínima: nombre + parámetros + cuerpo + retorno opcional.
Una declaración clásica se lee muy bien en bloques de lógica de negocio o cuando quieres claridad explícita.
Prioriza nombres verbales y expresivos para que la función documente su intención por sí misma.
Diseña funciones que no se rompan cuando falta un dato opcional.
Los parámetros por defecto evitan que aparezcan `undefined` inesperados en mensajes o cálculos simples.
Es una técnica útil para APIs internas donde algunas opciones pueden omitirse sin romper el flujo principal.
Cuando una función hace `return`, termina su ejecución inmediatamente.
`return` define salida y también actúa como corte de flujo. Esto permite estrategias de validación temprana para evitar condicionales anidados innecesarios.
Olvidar `return` es uno de los fallos más frecuentes al empezar; si no devuelves nada, obtendrás `undefined`.
Más concisión en callbacks y funciones pequeñas, sin sacrificar claridad.
Las arrow functions son muy comunes en `map`, `filter`, listeners y utilidades cortas. Son cómodas, pero no obligatorias en todo caso.
Si una función crece o necesita mucha lógica, una declaración tradicional puede resultar más legible para equipos.
Domina la base de funciones para evitar duplicación, mejorar legibilidad y construir piezas reutilizables con parámetros, retorno y sintaxis moderna.
Código del tema: function · parámetros · return · =>
Programar bien no es escribir más código, es organizar mejor la lógica.
Cada vez que detectas un patrón repetido, una función es candidata natural para encapsularlo y evitar duplicación.
Además, las funciones te obligan a definir contratos claros: qué reciben, qué hacen y qué devuelven. Eso reduce ambigüedad.
Estructura mínima: nombre + parámetros + cuerpo + retorno opcional.
Una declaración clásica se lee muy bien en bloques de lógica de negocio o cuando quieres claridad explícita.
Prioriza nombres verbales y expresivos para que la función documente su intención por sí misma.
function calcularSubtotal(precio, cantidad) {
return precio * cantidad;
}
const subtotal = calcularSubtotal(25, 3);
console.log('Subtotal:', subtotal);Diseña funciones que no se rompan cuando falta un dato opcional.
Los parámetros por defecto evitan que aparezcan `undefined` inesperados en mensajes o cálculos simples.
Es una técnica útil para APIs internas donde algunas opciones pueden omitirse sin romper el flujo principal.
function crearSaludo(nombre, idioma = 'es') {
if (idioma === 'en') return `Hello, ${nombre}`;
return `Hola, ${nombre}`;
}
console.log(crearSaludo('Clara'));
console.log(crearSaludo('Liam', 'en'));Cuando una función hace `return`, termina su ejecución inmediatamente.
`return` define salida y también actúa como corte de flujo. Esto permite estrategias de validación temprana para evitar condicionales anidados innecesarios.
Olvidar `return` es uno de los fallos más frecuentes al empezar; si no devuelves nada, obtendrás `undefined`.
function dividirSeguro(a, b) {
if (b === 0) return 'Error: división entre cero';
return a / b;
}
console.log(dividirSeguro(10, 2));
console.log(dividirSeguro(10, 0));Más concisión en callbacks y funciones pequeñas, sin sacrificar claridad.
Las arrow functions son muy comunes en `map`, `filter`, listeners y utilidades cortas. Son cómodas, pero no obligatorias en todo caso.
Si una función crece o necesita mucha lógica, una declaración tradicional puede resultar más legible para equipos.
const aplicarDescuento = (precio, porcentaje = 0) => precio - precio * (porcentaje / 100);
console.log(aplicarDescuento(100, 15));
console.log(aplicarDescuento(80));Encaja mejor con esta fase basica: ayuda a pensar una funcion como una unidad que recibe, procesa y devuelve.
