objeto JavaScript regresó de función disponible en Chrome Herramientas de desarrollo, pero no desde el guión

Question

EDITAR

que era un poco rápido de ahí, el problema se plantea en la función y no donde por primera vez, dijo. Aquí está la función:

function returnAnObject(url) { 
    var apiurl = 'http://url.com'; 

    var info = {}; 
    $.getJSON(apiurl, function(data) { 
    $.extend(info, { 
     a : data.x, 
     b : data.y, 
     c : data.z 
    }); 
    }); 

    console.log(info); // Shows object as usual 
    console.log(info.a); // Shows undefined 
    return info; 
} 

¿Eso lo hace más claro?

FIN EDITAR

Ok lo tanto, tengo un pequeño problema.

que tienen una función que devuelve un objeto bastante simple, que es como la siguiente:

{ 
    a: 'x', 
    b: 'y', 
    c: 'z' 
} 

lo guardo a una variable de la siguiente manera:

var something = functionThatReturnsObject(someargument); 
console.log(something); // In chrome dev tools, I see the object and its values 
console.log(something.a); // This, however, logs undefined 
console.log(something['a']); // This also logs undefined 

¿Por qué es esto? Creo que me estoy volviendo loco aquí, debo haber pasado por alto algo ...

La parte realmente raro pasa si en lugar de

var something = functionThatReturnsObject(someargument); 

escribo

window.something = functionThatReturnsObject(someargument); 
console.log(something); // Still works, showing the object and properties 
console.log(something.a); // Still doesn't work 
console.log(someting['a']); // Still doesn't work 

Si ahora puedo acceder a la objeto directamente desde las herramientas de desarrollo, ingresando

something; // returns object, I can see everything in it etc. 
something.a // Now, for some mysterious (to me) reason, this works, returning the value of a 

Entonces, ¿alguien entiende lo que está pasando en su ¿mi?

Answer 1

Como sospechaba. Está asignando información en el controlador de éxito para una llamada de función asincrónica. El controlador de éxito no se ejecuta hasta DESPUÉS de que se complete la llamada ajax, pero la función vuelve justo después de que se inicia la llamada ajax (y mucho antes de que finalice y tenga éxito). Puede que no te lo creas, pero esta es la cuarta vez que respondo este mismo tipo de problema hoy. Es un error muy común. Debido al controlador de éxito en línea, parece que todo sucede dentro de la función principal, pero en realidad sucede mucho después de que termina la función.

No puede usar el resultado de retorno de la llamada ajax hasta que se llame al controlador de éxito. Si desea pasar ese resultado al código subsiguiente, tendrá que llamar a ese código posterior desde el controlador de éxito, no continuarlo después de la llamada de función returnAnObject.

Funciona en las herramientas de desarrollo porque la llamada ajax se completa cuando se escribe algo en las herramientas de desarrollo o se mira allí. Pero, info.a no está disponible al final de la función returnAnObject. Solo está disponible cuando se llama al controlador de éxito para la función ajax.