Artículo de consulta · Programación
JavaScript: funciones, parámetros y alcance
Una función agrupa instrucciones para una tarea que puedes volver a ejecutar. Es útil cuando necesitas el mismo cálculo en varios lugares o quieres comprender una operación sin leer todo el programa.
Entradas y salida
Los parámetros son los nombres que recibe una función; los argumentos son los valores que pasas al llamarla. return entrega un resultado y termina esa ejecución. Mostrar algo con console.log no equivale a devolverlo: una función sin retorno explícito devuelve undefined.
function calcularTotal(precio, cantidad) {
return precio * cantidad;
}
const total = calcularTotal(12, 3);
console.log(total); // 36Alcance de bloque
El alcance determina dónde puedes usar una variable. let y const tienen alcance de bloque: una variable declarada dentro de unas llaves no queda disponible fuera de ellas. Usa las variables después de su declaración; acceder antes de inicializarlas puede producir un ReferenceError.
Funciones flecha
Una función flecha permite una sintaxis breve. Sin llaves, la expresión se devuelve implícitamente; con llaves, debes escribir return para devolver un resultado. Las flechas tienen diferencias con funciones tradicionales, como no tener su propio this. Para cálculos sencillos, ambas formas pueden servir.
const duplicar = (valor) => valor * 2;
const triplicar = (valor) => {
return valor * 3;
};
console.log(duplicar(4), triplicar(4)); // 8 12Una responsabilidad clara
En el ejemplo, calcularTotal solo multiplica sus entradas. Separar el cálculo de la presentación facilita comprobarlo y reutilizarlo. Antes de ampliar la función, decide qué tipos acepta y qué hará ante cantidades negativas o texto; JavaScript puede convertir algunos valores automáticamente.
Practica con casos concretos
- Comprueba calcularTotal(12, 0): debe devolver 0.
- Escribe una función que reciba minutos y devuelva segundos.
- Ejecuta la función con dos entradas distintas y verifica que no depende de una variable externa accidental.
Referencias
Artículos relacionados
- Fundamentos: variables, condiciones y bucles
- HTML semántico y estructura de una página
- CSS: modelo de caja, Flexbox y Grid
- JavaScript: arrays, objetos y transformación de datos
- DOM y eventos: conectar JavaScript con HTML
- Promesas, async/await y peticiones con fetch
- HTTP y APIs web: peticiones, respuestas y estados
- JSON: formato, lectura y validación de datos
- Git: cambios, commits, ramas y repositorios remotos
- Node.js y npm: scripts y dependencias de un proyecto
- Depuración y pruebas: encontrar y comprobar errores
- Formatos de color: HEX, RGB y HSL
- Identificadores UUID
- Valores aleatorios en JavaScript
