Saltar al contenido principal
Codigo Heroe
Tarea anterior
Funciones8/19
A la lista de tareas
  1. 1. Cálculo de millas con variables
  2. 2. Condición para vuelos largos
  3. 3. Reutilizar variables sin declararlas de nuevo
  4. 4. Crear una función
  5. 5. Llamar a una función
  6. 6. Parámetros y argumentos
  7. 7. Orden de los argumentos
  8. 8. Devolver un valor con return
  9. 9. Parámetros booleanos
  10. 10. Guardar el resultado en una variable
  11. 11. Salida anticipada con return
  12. 12. Simplificar el cálculo con una variable
  13. 13. Agregar una condición al cálculo
  14. 14. Llamar a una función desde otra
  15. 15. Agregar un parámetro y redondear el resultado
  16. 16. Devolver y usar la cantidad de vuelos
  17. 17. Reutilizar los resultados de una función
  18. 18. Comparar los resultados
  19. 19. Llamar a funciones dentro de un ciclo
Siguiente tarea
  • Matriz de skills
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Devolver un valor con return

¿Y si necesitamos obtener un valor de la función y usarlo después?

Las funciones pueden devolver el resultado de su trabajo. Ya hablamos de lo que significa «devolver un valor» en este ejercicio de la parte sobre los tipos de datos en JavaScript. Puedes volver a él si necesitas repasar.

En pocas palabras, una función puede ejecutar código y entregar el resultado de las operaciones para que lo usemos después. Ese resultado se coloca en el lugar del código donde llamamos a la función.

let increaseByTwo = function (number) {
  let sum = 2 + number;
  return sum;
};

increaseByTwo(1); // La función devolverá 3
increaseByTwo(2); // La función devolverá 4

¿Cómo funciona el código del ejemplo?

Para que la función devuelva un valor, usamos la instrucción return. A continuación indicamos qué debe devolver: en este caso, el valor de la variable sum. Cuando el programa llega a la línea con return, la función entrega el resultado y se detiene la ejecución de su cuerpo. En otras palabras, salimos de la función.

Hay algunas cosas que debes saber:

  • Cuando se ejecuta return, termina esa llamada a la función y no se ejecuta el código restante de su cuerpo.
  • Una función no puede devolver varios valores a la vez: devuelve un solo resultado.
  • Si la función no contiene return, o si después de return no se indica qué valor debe devolver, la función devuelve el valor undefined.

Como vimos, podemos usar el resultado de una función en otras operaciones.

console.log('Suma de los números: ' + increaseByTwo(1));
// Mostrará: Suma de los números: 3

console.log('Suma de los números: ' + increaseByTwo(2));
// Mostrará: Suma de los números: 4

Por cierto, JavaScript tiene muchas funciones incorporadas que devuelven un resultado. Estas son las que usaremos en los ejercicios de esta parte para redondear números:

  • Math.ceil(number) recibe un número y lo redondea al entero superior.
  • Math.floor(number) hace lo mismo, pero redondea al entero inferior.
  • Math.round(number) redondea al entero más cercano.

Redondeemos la cantidad de millas en nuestra función calculateMiles. ¿Desde cuándo se otorgan fracciones de milla?

  • script.js
JavaScript
let calculateMiles = function (distance) { let percent = 0.25; if (distance > 10500) { percent = 0.35; } let miles = distance * percent; console.log('Por el vuelo obtendremos ' + miles + ' millas'); }; calculateMiles(4125); calculateMiles(11000);
Consola

El código ha cambiado, haga clic en "Ejecutar" o active la ejecución automática.

Resultado de la ejecución

ObjetivosRealizado
0
    1. Modifica el valor de miles para redondear el resultado del cálculo: Math.floor(distance * percent);.
    2. Dentro de la función, sustituye el mensaje de la consola por return miles;.
    3. Sustituye la primera llamada a la función por un mensaje en la consola: 'Por el viaje a Irkutsk obtendremos ' + calculateMiles(4125) + ' millas'.
    4. Sustituye la segunda llamada a la función por un mensaje en la consola: 'Por el viaje a Kamchatka obtendremos ' + calculateMiles(11000) + ' millas'.
    Codigo Heroe

    © 2023-2026, codigoheroe.com