Introducción a JavaScript para principiantes

Funciones con retorno

Como os expliqué, las funciones pueden recibir argumentos y manejar sus valores como parámetros:

index.js

function doblar(numero) {
  console.log(numero*2);
}

doblar(5);

El problema es que sólo existen dentro de su propio bloque, por lo que no podemos acceder a esa información desde el exterior:

console.log(numero);

> Uncaught ReferenceError: numero is not defined

Si en lugar de mostrar el doble del número quisiéramos devolver ese valor al exterior para seguir trabajando con él, entonces necesitaremos usar el retorno de valores:

function doblar(numero) {
  return numero*2;
}

doblar(5);

En este momento veremos que no se muestra nada, tendríamos que ponerlo en un console.log():

console.log(doblar(5));

Sin embargo la utilidad más común es almacenar el valor en una variable para poder seguir trabajando con ella:

let numero = doblar(5);

console.log(numero);

De esta forma habremos devuelto un cálculo interno de la función al exterior.

Por cierto, imaginaros que queremos el doble del doble del doble de un número. ¿Cómo podríamos hacerlo? Pues fácil, llamando de forma anidada la función 3 veces:

let numero = doblar(doblar(doblar(5)));  // 5 -> 10 -> 20 -> 40

console.log(numero);

No importa si no acabáis de entenderlo, era un ejemplo para liaros un poco.

Lo que debéis recordar es que las funciones son un conjunto de instrucciones reutilizables identificadas con un nombre, que tienen como objetivo realizar una tarea o un cálculo y que pueden comunicarse con el exterior recibiendo y retornando datos.