estaba investigando sobre las Promise
en js. Y pretendia hacer la siguiente simulacion:
Empiezo con un flag de estar 'cargando' la pagina (var loading = true
), tras 3 s una promesa cambiara el flag de carga a false
. Justo despues de ejecutar esa promesa que cambiara apagará
el loader ejecuto otra promesa que estara comprobando cada segundo si ya se apago el loader (loader=false
).
Eso se supone que está haciendo este codigo, o al menos eso creo:
var loading = true;
start();
function start(){
const milSeconds = 3000;
//Promete apagar el loader..
new Promise (()=>{
setTimeout(() => {
console.log('Loading off..!');
loading = !loading;
}, milSeconds);
});
//Promete mostrar un alert cuando el loader este apagado
new Promise(()=>{
while(loading){
console.log('wait..!');
}
console.log('La carga ha finalizado!!');
});
console.log('Sigue trabajando (hilo main) ..');
}
El problema es que la pagina se queda pilalda y ni siquiera carga . Pero no deberia de ser asi, ya que entiendo que este codigo crea tres hilos. El hilo principal que realmente no uso para nada mas que crear promesas. Primera promesa que apagará el loader. y Segunda Promesa que estara pendiente de que ya no este el loader.
Resultado actual : La pagina no es capaz de cargar.