Cambiar valor de una variable con una funcion interna

anje53 · #1 (**permalink**) 16/11/2020, 08:54

Hola, que tal todos.
Tengo dos variables var x=10 y var y=20, y con una funcion interna, tengo que hacer que "y" que no valga 20, que sea igual a 15 pero no me sale.
Tengo dos alerts, los dos me dan 20, y lo que intendo hacer es que en el segundo alert (alert(y)) me salga 15, y esto sin tocar nada mas que la funcion "f2"

Código Javascript:

Ver original<!DOCTYPE html>
<html lang="es">
  <head>
  <meta charset="utf-8">
    <title>Funcions</title>
  </head>
  <body>
  <script> 
   var x=10; 
   var y=20;
   function f1(y){ //Segun como hago la llamada de esta funcion, ahora y vale 10
      x=x+y; // esto seria: x=x+x dicho de otra menera: x=10+10
      f2(); /ejecuto la funcion interna
      function f2(){ 
        y=y+5; //AQUI TENGO EL PROBLEMA, Realmente en el depurador me sale que y=15 pero ya fuera de la funcion f1 en el "alert(y)"  me da 20
      }
   } 
   f1(x); 
   alert(x);//20
   alert(y);//20 pero aqui me tiene que salir 15
</script>
</body>
</html>

Gracias.
Saludos!!!

Alexis88 · #2 (**permalink**) 16/11/2020, 14:58

Las alertas se ejecutan de forma síncrona, por lo cual no muestra el valor de y antes de que termine de ejecutarse la segunda función. Lo que necesitas hacer es utilizar una promesa para acceder de forma asíncrona a los valores actualizados luego de la ejecución de ambas funciones.

Código Javascript:

Ver originalvar x = 10,
    y = 20;
 
function f1(y){
    x = x + y;
      
    function f2(){
        y = y + 5;        
        return new Promise(c => c([x, y]));
    }
  
    return f2();
} 
 
f1(x).then((z) => {
    alert(z[0]); //20
    alert(z[1]); //15
});

DEMO

En la línea de retorno de la promesa, devuelvo ambos valores dentro de un arreglo puesto que no se puede devolver más de un valor excepto que se encapsulen todos en uno, como en un arreglo. Por ello es que accedo a ambos por medio de los índices 0 y 1 para mostrarlos en las alertas.

prueba230683 · #3 (**permalink**) 18/11/2020, 16:42

Una opción es usar promesas como indica @Alexis88, pero se puede resolver de una forma más sencilla.

Cuando declaras la variable y como parámetro de la función f1, estás creando una variable local que nada tiene que ver con la variable y que habías definido arriba (en el scope global). Por tanto, los cambios que efectúes sobre esta variable local solamente serán visibles dentro de la función f1.

No obstante, si lo que quieres no es modificar la variable y local, sino la variable y global, deberás anteponer window.:

Código Javascript:

Ver original/* esto es el scope global */
var x = 10;
var y = 20; // al ser una variable global, la podemos referenciar como window.y
function f1(y){ 
  /* este es el scope local de la funcion f1 */
  x = x + y;
  f2();
  function f2(){ 
    window.y = y + 5; // cambiamos el valor de la variable global y
  }
} 
f1(x); 
alert(x); //20
alert(y); //15

Este problema no lo tendrías si hubieras utilizado un nombre distinto de "y" para el parámetro de la función f1.

Código JavaScript:

Ver original/* esto es el scope global */
var x=10;
var y=20;
function f1(z){ // ponemos otro nombre, por ej. z
  /* este es el scope local de la funcion f1 */
  x=x+z;
  f2();
  function f2(){ 
    y = z+5; // como no una hay variable "y" declarada en f1, accede a la del scope superior (en este caso, el scope global)
  }
} 
f1(x); 
alert(x);//20
alert(y);//15

Como habrás podido ver, el intérprete de JavaScript busca las variables desde abajo hacia arriba. Si intentas acceder a una variable X pero no la encuentra en el scope actual, buscará en el scope superior. Si llega al scope global y no encuentra la variable, lanzará un error: Reference Error: X is not defined.

Te recomiendo la siguiente lectura: https://yeisondaza.com/entendiendo-s...-en-javascript

Saludos