6. 05.funciones parte 2

 

Funciones en JavaScript - Parte 2: Parámetros

Hola, qué tal? 👋

Vamos a continuar con la segunda parte sobre funciones en JavaScript. Hoy nos enfocaremos en cómo trabajar con parámetros en nuestras funciones.

Pasando parámetros a funciones

En el ejemplo que vemos en la imagen, tenemos una función llamada ataqueEnemigo que recibe dos parámetros:

javascript
function ataqueEnemigo(potencia, nombreAtaque) {
    vida -= potencia;
    console.log("has sido atacado con: " + nombreAtaque);
    console.log("tu vida es de: " + vida);
}

Cómo funcionan los parámetros

  1. Definición de parámetros: Cuando declaramos la función, especificamos qué parámetros recibirá (en este caso, potencia y nombreAtaque).

  2. Envío de argumentos: Cuando llamamos a la función, le pasamos valores concretos:

    • ataqueEnemigo(50, 'ataque fuego')

    • ataqueEnemigo(100, 'ataque aire')

    • ataqueEnemigo(10, 'ataque piedra')

  3. Uso dentro de la función: Los valores que pasamos se asignan a las variables locales de la función (potencia y nombreAtaque) y podemos usarlas dentro del cuerpo de la función.

Beneficios de usar parámetros

  • Reutilización: La misma función puede comportarse de manera diferente según los valores que le pasemos.

  • Flexibilidad: Podemos modificar el comportamiento de la función sin cambiar su código interno.

  • Claridad: El código es más legible y mantenible.

Ejemplo práctico

En nuestro caso:

  • La variable vida comienza en 100

  • Cada ataque resta una cantidad diferente de vida según el primer parámetro

  • Muestra en consola el nombre del ataque recibido (segundo parámetro)

javascript
// Variables iniciales
var vida = 100;
var ataque = 10;
var pocion = 20;

// Función con parámetros
function ataqueEnemigo(potencia, nombreAtaque) {
    vida -= potencia;
    console.log("has sido atacado con: " + nombreAtaque);
    console.log("tu vida es de: " + vida);
}

Conclusión

Los parámetros nos permiten crear funciones más dinámicas y reutilizables. En la próxima parte, veremos cómo devolver valores desde las funciones usando return.

Comentarios

Entradas más populares de este blog

codigo

MoverPersonaje