Funciones en JavaScript: Cómo Calcular Precios con Descuentos
Clase 20 de 55 • Curso de Fundamentos de JavaScript
Resumen
¿Qué es una función en JavaScript?
Las funciones en JavaScript son bloques de código reutilizables que permiten realizar tareas específicas una y otra vez. Imagina que son como piezas de Lego: puedes utilizarlas para crear múltiples objetos con las mismas piezas. Son una herramienta poderosa que, una vez definida, puede utilizarse repetidamente con distintos conjuntos de datos, al igual que usarías un cálculo una y otra vez durante un evento de Black Friday para aplicar descuentos automáticamente a los precios de ropa. Gracias a las funciones, evitamos duplicar código, ahorramos tiempo y minimizamos errores.
¿Cómo se estructura una función?
Una función en JavaScript tiene una estructura clara, conocida como su "anatomía". Cada parte cumple un papel crucial en su funcionamiento:
-
Definición de la función:
- Comienza con la palabra clave
function
. - Sigue el nombre de la función, que debe estar en camelCase (la primera letra minúscula y las iniciales de palabras subsiguientes en mayúsculas).
- Comienza con la palabra clave
-
Parámetros:
- Los parámetros son variables que la función utiliza internamente para procesar datos. Son opcionales y permiten que la función sea más flexible.
-
Cuerpo de la función:
- Se encierra entre llaves
{}
. - Es donde se escribe el código que la función ejecutará. Puede incluir un
return
para devolver un valor al finalizar la ejecución, aunque esto también es opcional.
- Se encierra entre llaves
-
Llamado de función:
- Para ejecutar una función, se utiliza su nombre seguido de paréntesis que, opcionalmente, contienen argumentos; estos son los valores reales que reemplazan a los parámetros.
¿Cómo crear funciones para calcular descuentos?
Veamos la creación paso a paso de una función que calcule el precio después de aplicar un descuento, algo útil para eventos como el Black Friday.
function calculateDiscountedPrice(price, discountPercentage) {
const discount = (price * discountPercentage) / 100;
const priceWithDiscount = price - discount;
return priceWithDiscount;
}
¿Cómo se usa esta función?
-
Definir Variables:
- Primero, define las variables para el precio original y el porcentaje de descuento.
const originalPrice = 100; // Precio de la prenda const discountPercentage = 20; // Descuento del 20%
-
Calcular el Precio Final:
- Utiliza la función con estos valores para obtener el precio con descuento.
const finalPrice = calculateDiscountedPrice(originalPrice, discountPercentage);
-
Salida de Resultados:
- Puedes usar un
console.log
para mostrar los resultados en consola.
console.log("Precio Original: " + originalPrice); console.log("Descuento: " + discountPercentage + "%"); console.log("Precio con Descuento: " + finalPrice);
- Puedes usar un
Al ejecutar este programa, verás en la consola cuánto deberías pagar en base al descuento especificado. Y lo mejor de todo: puedes cambiar los valores de entrada y calcular precios para diferentes prendas en cuestión de milisegundos.
¿Por qué es útil este enfoque?
Crear funciones como calculateDiscountedPrice
permite tener un código claro, comprensible, y flexible, que se adapta a diferentes situaciones con facilidad. Esta técnica es especialmente valiosa en el desarrollo de software, donde la eficiencia y la reusabilidad del código son esenciales. Además, al generar un código más genérico, como el cálculo de precios con descuentos, puedes personalizar la misma función para múltiples necesidades con simples cambios de parámetros.
¡Así que sigue practicando y experimentando con funciones! Con el tiempo, crearás aplicaciones más sofisticadas y confiables. ¡El cielo es el límite!