Funciones

A medida que tu código crece, a menudo necesitarás hacer la misma acción más de una vez.

En lugar de escribir las mismas líneas una y otra vez, puedes guardar esas líneas dentro de una función y reutilizarlas más tarde.

Qué es una función

Una función es un bloque de código con nombre que realiza una tarea específica.

Piensa en ello como escribir una receta. Escribir la receta no hornea el pastel. Solo guarda los pasos.

En JavaScript, definir una función guarda el código, pero no lo ejecuta. Para ejecutar el código dentro de una función, debes llamar a la función por su nombre.

function add(a, b) {
    const result = a + b;
    return result;
}
console.log(add(3,4));
console.log(add(2,8));

Por qué las funciones son útiles

Las funciones te ayudan a evitar repetir el mismo código.

También hacen que tu código sea más fácil de leer porque un grupo de pasos puede tener un nombre claro.

Si necesitas cambiar lo que hace la función, puedes actualizarlo en un solo lugar en vez de editar el mismo código muchas veces.

Primer ejemplo de código

Vamos a crear y usar una función básica.

function showGreeting() {
  console.log("Bienvenido a aprender JavaScript!");
}

showGreeting();

Explicación del código

Veamos qué está pasando:

• function le dice a JavaScript que estamos creando una función.
• showGreeting es el nombre de la función.
• Los paréntesis () van después del nombre de la función.
• Las llaves {} contienen el código que queremos guardar.
• console.log("Bienvenido a aprender JavaScript!"); es el código dentro de la función.
• showGreeting(); llama a la función, así que el código guardado realmente se ejecuta.

Sin showGreeting();, el mensaje no aparecería en la sección de salida.

Llamar una función más de una vez

Puedes llamar la misma función tantas veces como quieras.

Cada vez que la llamas, el código dentro de la función se ejecuta de nuevo.

function cheer() {
  console.log("Hip, hip, hurra!");
}

cheer();
cheer();
cheer();

Mini tarea

Edita el bloque de código cheer() de arriba.

Cambia el mensaje dentro de console.log() por otra cosa, como "Lo lograste!".

Luego haz clic en Ejecutar para ver tu nuevo mensaje aparecer varias veces.

Quiz corto

Pregunta: ¿Qué pasa si defines una función pero nunca la llamas?

• A) El código se ejecuta automáticamente.
• B) Recibes un mensaje de error.
• C) El código dentro de la función no se ejecuta.

Respuesta: C. El código dentro de la función no se ejecuta.

Definir una función solo guarda los pasos. Debes llamar la función para ejecutarlos.

Pequeño desafío

Crea una función llamada sayGoodbye.

Dentro de la función, usa console.log() para imprimir "Hasta luego!".

Luego llama la función dos veces.

// escribe tu código abajo

console.log()

Resumen

• Una función es un bloque de código con nombre que se usa para realizar una tarea específica.
• Las funciones te ayudan a reutilizar código sin volver a escribirlo.
• Creas una función con la palabra clave function, un nombre, paréntesis () y llaves {}.
• Definir una función no ejecuta el código que está dentro.
• Debes llamar la función por su nombre seguido de paréntesis para ejecutarla.