Valores de retorno de la funcion

algunos valores devueltos por las funciones no son valores significativos pero otros si, por esta razon se debe conocer que valores devuelve una funcion y como usarlos con sabiduria 🧙‍♂️ ⇒

Que son los valores de retorno?

Es justamente el valor que retorna al termina la ejecucion de una funcion.

Algunas funciones no devuelven ningun valor, (en estos casos las paginas de referencias de MDN enumeran el valor de retorno como void o undefined) en ⇒

la funcion no nos retorna ningun valor especifico cuando se invoca, lo que hace es simplemente crear un cuadro.

Por lo general se usan estos valores de retorno como un paso intermedio para concretar alguna tarea, donde el valor devuelto se almacenara en una variable para ser usada por otra funcion.

Usando valores de retorno en sus propias funciones.

Para devolver un valor de una funcion personalizada se debe utiliza la palabra clave return.

Por otro lado ⇒

//...
let WIDTH = document.documentElement.clientWidth;
let HEIGHT = document.documentElement.clientHeight;

canvas.width = WIDTH;
canvas.height = HEIGHT;

function random(number) {
      return Math.floor(Math.random()*number);
}
function draw() {
  ctx.clearRect(0, 0, WIDTH, HEIGHT);
  for (let i = 0; i < 100; i++) {
    ctx.beginPath();
    ctx.fillStyle = 'rgba(255,0,0,0.5)';
    ctx.arc(random(WIDTH), random(HEIGHT), random(50), 0, 2 * Math.PI);
    ctx.fill();
  }
}
//...

Tomando como ejemplo esta funcion draw() que tiene dentro la misma funcion personalizada random() 3 veces que tienen un valor de retorno de 'numero aleatorio en base al argumento que coloquemos'.

Cuando esta funcion draw() es invocada las funciones random() dentro retornan el valor que cada una de ellas debe generar mientras el codigo se esta ejecutando (esto sucede en cada iteracion). Esquema ⇒