Kodokon kodokon.com

Funciones: declaración, parámetros, return

Crea bloques de código reutilizables con function, pásales parámetros y recupera sus resultados con return.

6 min · 3 preguntas

Abrir esta lección en Kodokon

Una función es un bloque de código reutilizable al que le das un nombre. Es como una receta de cocina: la escribes una vez, y luego puedes ejecutarla tantas veces como necesites. Para crear una función, usas la palabra clave function, seguida de su nombre, paréntesis () y un bloque entre llaves { }. Para ejecutarla, la llamas escribiendo su nombre seguido de paréntesis.

JAVASCRIPT
function sayHello() {
  console.log("Hello!");
}

sayHello(); // Prints: Hello!
sayHello(); // Prints: Hello!
Una función declarada una vez, llamada dos veces

Una función se vuelve realmente útil cuando acepta información. Un parámetro es una variable declarada entre los paréntesis de la función: actúa como una caja de entrada. Cuando llamas a la función, el valor concreto que le pasas se llama argumento. En el siguiente ejemplo, name es el parámetro y "Léa" es un argumento.

JAVASCRIPT
function greet(name) {
  console.log("Hello, " + name + "!");
}

greet("Léa");  // Prints: Hello, Léa!
greet("Marc"); // Prints: Hello, Marc!
El parámetro name cambia con cada llamada

Imprimir un mensaje está bien; producir un resultado reutilizable es mejor. La palabra clave return envía un valor de vuelta al lugar donde se llamó a la función: la llamada add(2, 3) se reemplaza entonces por su valor, 5. Puedes almacenar este resultado en una variable o usarlo directamente. Ten en cuenta que return termina inmediatamente la ejecución de la función.

JAVASCRIPT
function add(a, b) {
  return a + b;
}

const result = add(2, 3);
console.log(result);     // Prints: 5
console.log(add(10, 4)); // Prints: 14
return produce un resultado que puedes usar en cualquier lugar

Prueba de conocimientos

Comprueba que has retenido los puntos clave de esta lección.

  1. ¿Qué palabra clave permite a una función enviar un resultado de vuelta al lugar desde donde se llamó?
    • return
    • function
    • result
    • send
  2. Con function add(a, b) { return a + b; }, ¿cuál es el valor de add(2, 3)?
    • 23
    • 5
    • undefined
  3. ¿Cómo se llaman los valores concretos que se pasan a una función cuando se la llama?
    • Argumentos
    • Parámetros
    • Índices