Funciones personalizadas

javascript funciones programación

📝 Creando nuestras propias funciones

Ya hemos visto cómo usar funciones existentes, ahora aprenderemos a crear las nuestras.

El proceso comienza con un código como este:

function nombreDeLaFuncion() {
  // Aquí va el código que queremos que ejecute
  // Puede ser una o varias líneas de código
}
Analogía

Si antes comparamos las funciones con máquinas, ahora nosotros seremos los ingenieros que las diseñan.

Primero hacemos el plano (declaración) y luego la construimos (ejecución).

🛠️ Declaración y ejecución

Veamos un ejemplo práctico:

// Declaración - Creamos el plano
function saludar() {
  console.log("¡Hola! Bienvenido a nuestro programa");
}


// Ejecución - Ponemos la máquina a funcionar
saludar();

Terminal window
¡Hola! Bienvenido a nuestro programa

💡 Puntos importantes

  1. La declaración define qué hará nuestra función
  2. La ejecución (o llamada) hace que la función realice su tarea
  3. Podemos ejecutar la misma función múltiples veces en distintas partes de nuestro código

✨ Buenas prácticas

Al crear nuestras funciones, debemos:

  • Usar nombres descriptivos que indiquen lo que hace la función
  • Mantener cada función con una única responsabilidad
  • Escribir código claro y comentado cuando sea necesario
  • Probar la función para asegurarnos de que funciona correctamente
☝️🤓
🏋️‍♂️ Ejercicio

Vamos a crear funciones útiles:

Crea una función llamada mostrarMenu que imprima el siguiente menú:

console.log("=== MENÚ PRINCIPAL ===");
console.log("1. Iniciar juego");
console.log("2. Ver puntajes");
console.log("3. Salir");

Luego, ejecútala dos veces para ver el resultado.

🏋️‍♂️ Ejercicio

Crea una función llamada contarHistoria que imprima una historia corta en varios console.log:

function contarHistoria() {
  // Tu código aquí
  // Debe imprimir al menos 3 líneas de una historia
}

Ejecuta la función para ver tu historia.

🚀 Extra

¡Vamos a ser creativos!

Crea una función llamada dibujarFigura que use console.log para dibujar una figura simple usando caracteres ASCII. Por ejemplo, un triángulo:

  *
 ***
*****

Ejecuta tu función para ver el resultado.

Comentarios