Anatomía de una función

¿Cómo funcionan las funciones en JavaScript?

Las funciones en JavaScript son como piezas de Lego, permitiéndonos crear múltiples configuraciones y reutilizar el código de manera eficiente. En el ejemplo presentado, se utiliza el contexto del Black Friday para demostrar cómo una función puede calcular precios con descuento rápidamente. Al tener una función predefinida, se evitan los cálculos manuales repetidos, ahorrando tiempo y esfuerzo.

¿Cuál es la anatomía de una función en JavaScript?

Al escribir una función en JavaScript, es esencial comprender sus componentes principales para que sea efectiva:

1. Palabra clave function: Indica al programa que estás creando una función.
2. Nombre de la función: Se utiliza camel case, comenzando con una letra minúscula y cada nueva palabra iniciando con mayúscula.
3. Parámetros: Actúan como entradas para la función. Son opcionales, pero pueden enriquecer mucho su utilidad.
4. Llaves: Indican dónde comenzará y finalizará el cuerpo del código de la función.
5. Cuerpo de la función: Aquí es donde se escribe el código que será ejecutado.
6. return (opcional): Devuelve un valor después de la ejecución del código dentro de la función.
7. Llamado a la función: Se hace mediante el nombre de la función seguido de paréntesis, a veces pasando argumentos si la función lo requiere.

Ejemplo de una función en JavaScript:

function calculateDiscountedPrice(price, percentage) {
    const discount = (price * percentage) / 100;
    const priceWithDiscount = price - discount;
    return priceWithDiscount;
}

¿Cómo calcular un precio con descuento utilizando una función?

Al abordar un cálculo de precio con descuento, la función puede automatizar el proceso. Aquí te mostramos cómo estructurarla y llamarla:

1. Define las entradas de la función, como el precio original y el porcentaje de descuento.
2. Calcula el valor del descuento y réstalo del precio original.
3. Usa un return para devolver el precio con descuento.

Ejemplo práctico en código:

Definición de la función:

function calculateDiscountedPrice(price, percentage) {
    const discount = (price * percentage) / 100;
    const priceWithDiscount = price - discount;
    return priceWithDiscount;
}

Llamada a la función:

const originalPrice = 100;
const discountPercentage = 20;
const finalPrice = calculateDiscountedPrice(originalPrice, discountPercentage);

console.log(`El precio original es ${originalPrice}, el descuento es del ${discountPercentage}%, y el precio final con descuento es ${finalPrice}.`);

Resultados esperados y manipulación de valores

Ejecutar el código anterior nos proporciona el precio final después de aplicar el descuento, resultando en una ejecución que muestra:

• Precio original: 100
• Porcentaje de descuento: 20%
• Precio final: 80

Podemos modificar fácilmente los valores de entrada para adaptarlos a diferentes escenarios de compra durante el Black Friday o en cualquier otro contexto donde se necesiten aplicar descuentos.

¡Con estas herramientas, estarás mejor equipado para manejar descuentos durante tus compras o en tus proyectos de programación en JavaScript!