Funciones en JavaScript: Cómo Calcular Precios con Descuentos

Clase 20 de 55Curso 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:

  1. 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).
  2. 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.
  3. 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.
  4. 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?

  1. 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%
    
  2. Calcular el Precio Final:

    • Utiliza la función con estos valores para obtener el precio con descuento.
    const finalPrice = calculateDiscountedPrice(originalPrice, discountPercentage);
    
  3. 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);
    

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!