Repaso 4. Crear funciones propias — Fundamentos de JavaScript

• Ejemplo: función para mostrar un resumen de compra
• Vamos línea por línea

¡Felicidades! Terminaste el bloque de funciones. Ya sabes crear funciones, pasarles datos, devolver resultados y hacerlas más flexibles. Ahora puedes escribir tus propias mini herramientas reutilizables en cualquier parte del programa. 🚀

Ejemplo: función para mostrar un resumen de compra

Imagina que estás programando una app de ventas. Este programa calcula el total, aplica un descuento, y muestra un mensaje personalizado, todo usando funciones que tú creaste:

Abre la consola (clic derecho → Inspeccionar → pestaña Consola) y copia este código:

// Función que calcula el total con descuento
const calcularTotal = (precio, cantidad, descuento = 0) => {
  const subtotal = precio * cantidad;
  return subtotal - descuento;
};

// Función que muestra el mensaje final
const mostrarResumen = (cliente, producto, precio, cantidad, descuento = 0) => {
  const total = calcularTotal(precio, cantidad, descuento);
  const nombreFormateado = cliente.trim().toUpperCase();

  console.log(`👋 Hola, ${nombreFormateado}`);
  console.log(`🛒 Producto: ${producto} x${cantidad}`);
  console.log(`💸 Total con descuento: $${total.toFixed(2)} COP`);
  console.log('✅ ¡Gracias por tu compra!');
};

// Usamos las funciones con distintos valores
mostrarResumen(' lucía ', 'Chocolate', 4500, 2);
mostrarResumen(' Mario ', 'Café', 6000, 1, 1000);

Vamos línea por línea

✅ Tú sabes crear funciones como calcularTotal y mostrarResumen, con un nombre claro y pasos bien definidos.

✅ Tus funciones pueden recibir datos externos, como precio, cliente, descuento, y adaptarse según lo que les pases. Además, puedes usar valores por defecto (descuento = 0) para no repetir siempre lo mismo.

✅ Devuelves resultados con return: La función calcularTotal te entrega el total final, que luego puedes usar en otra parte del código.

✅ Una función puede llamar a otra. Así divides las tareas y mantienes tu código limpio y organizado.

✅ Aplicas métodos como .trim(), .toUpperCase(), .toFixed() para transformar datos antes de mostrarlos.

✅ Llamas a mostrarResumen() todas las veces que quieras, con distintos datos, sin tener que reescribir nada.

Trabajo independiente