Como ya te han comentado, JavaScript funciona de manera asíncrona, no secuencial como la mayoría de lenguajes de programación. Es por esta razón que se suelen usar muchos callbacks en este lenguaje.
En realidad, la petición AJAX que estás haciendo y el alert(num)
se ejecutan en el mismo período de tiempo. Es por esto que el valor de num
sea undefined
.
Soluciones
Las soluciones no son tan amplias, pero la mayoría existentes nos servirá en un amplio rango de situaciones. Veamos algunas.
Hacer una petición AJAX síncrona (tu peor alternativa): esta solución consiste simplemente en añadir la llave async
con un valor false
en los parámetros de la petición:
let response = $.ajax({
type: 'GET',
url: 'destino',
async: false
}).responseText;
// añadiendo la variable a window se hace global
window.num = JSON.parse(response)[0];
Usar un polyfill para hacer uso de futuras características del lenguaje: Con la ayuda de Babel podemos hacer uso de características futuras de JavaScript como lo es Async/Await por medio de este plugin:
let response = await $.ajax({ /* ... */ });
// o usando la API fetch
let response = await fetch({
method: 'GET',
body: { ... },
accept: 'application/json',
'Content-Type': 'application/json'
});
Namespaces
Usar variables globales es una mala idea. A medida que tu aplicación/web crece y añades librerías/frameworks, crece el riesgo de una colisión de variables, lo que aumenta el riesgo de un mal funcionamiento y una difícil depuración. Además, si se usan mal, podría desencadenar un memory leak.
Usar un namespace es una solución sencilla a este problema. Un namespace es un espacio en donde se almacena distintos datos relacionados entre sí (como en C#). En JavaScript no disponemos de ellos nativamente, pero podemos emularlos por medio de un objeto global que almacene en el datos relativos. Por ejemplo:
window.ventas = {
desc: 0.25,
iva: 0.18,
hacerAlgo() {
}
}
Aquí hemos creado un namespace que contiene valores e incluso una función que corresponden al namespace de ventas. Si bien lo agregamos al scope global, es mucho más limpio y seguro hacerlo de esta manera.