Orden de ejecucion javascript

[davinci_loko]

Amigos tengo el siguiente problema.

tengo las siguientes lineas js.

1 var x = 3;

2 alert(x);

3 var x = mifuncion(x,y,z) // esta funcion ejecuta un ajax que con x y z trabaja en php y realiza un return para dar un nuevo valor a x , hay un alert antes de devolver nuevo valor

4 alert (x);


// alert de linea 2 me devuelve 3
// luego se gatilla alert de linea 4 devolviendo UNDEFINED
//y luego se gatilla el alert dentro de la funcion......

Por que se ejecuta primero linea 4 y luego linea 3 ??? , mifuncion se ejecuta sin problemas entregando perfecto el valor a return.

De antemano gracias por la ayuda.

[Alexis88]

Eso sucede porque la petición asíncrona no devuelve una respuesta de manera inmediata, es necesario esperar a que cambie el estado de la petición hasta llegar a ser 4 para recién obtener una respuesta a la petición, en cambio, la última alerta ya está definida, por lo que simplemente tiene que ejecutarse.

Saludos

[Pantaláimon]

Bienvenido a las bondades de la programación asíncrona donde la linea de código que está abajo no tiene porque ejecutarse después de la que esta arriba. Bien, esto ya pasa al escribir código modularmente con funciones. Tu puedes definir una función en cualquier espacio del código y luego ejecutarla en cualquier otro lugar.

Aquí es un poco diferente. Has usado eventos click? Pues una petición ajax funciona esecialmente como un evento click. Tu no sabes cuando llegara la respuesta ajax o el click del usuario. Por eso cuando escribes código para estos eventos, registras una función que se ejecute cuando el evento deseado se produzca. El código que viene después de la petición ajax o del click no implica que haya llegado la respuesta ajax o se haya habido un click. Y por tanto es normal que no obtengas el valor deseado.

Tu ejemplo cambiando la petición AJAX por un click:

Código Javascript:

var x = 3;
 
alert(x);
 
var x = mifuncion(x,y,z);
 
alert (x);
 
function mifuncion(x, y, z) {
  var sum;
  document.body.onclick = function () {
    sum = x + y + z;
  }
  return sum; // undefined hasta que no se clique. Y cuando se clique con toda probabilidad la función ya se habrá ejecutado
}