Tengo un programa, que escribe mucho si da como resultado. Por ejemplo, esto:
const a = prompt(); for(let i = 1; i < a; i ++) { console.log(i); } (no es un código real)
Entonces, cuando escribe un número grande, hay un montón de respuestas esperando ser puestas en la consola. Entonces, cuando llega a algún punto, el compilador de navegador incorporado (Opera GX) simplemente deja de funcionar. Necesito alguna forma de escribir estos números inmediatamente después de calcular, con suerte, sin perder tiempo. ¿Cómo puedo hacer eso? (solo para que lo sepas, mi código real pone los resultados en el elemento "div")
JavaScript es de un solo subproceso. Esto significa que mientras se ejecuta su ciclo, los eventos no se pueden manejar y la página no responde. Podría usar setTimeout "recursivo". Esto dividirá un código de ejecución prolongada en muchos fragmentos pequeños administrados por el bucle de eventos.
const a = prompt(); const container = document.getElementById('container'); const f = (() => { let i = 0; return () => { for (let j = 0; j < 1e9; ++j) {} // simulates long calculation ++i; console.log(i); container.innerText += ' ' + i; if (i < a) setTimeout(f, 0); }; })(); setTimeout(f, 0); <div id="container"></div> No es una llamada recursiva real y no creará una gran pila de llamadas. setTimeout(f, 0) un evento en el bucle de eventos, que se elimina y maneja casi de inmediato.
Solo usé el cierre para evitar un contador global i . Una versión más simple, pero menos limpia, es
const a = prompt(); const container = document.getElementById('container'); let i = 0; function f() { for (let j = 0; j < 1e9; ++j) {} // simulates long calculation ++i; console.log(i); container.innerText += ' ' + i; if (i < a) setTimeout(f, 0); }; setTimeout(f, 0); <div id="container"></div>Recuerde que la página aún no responde durante los bucles (cálculo largo), pero ahora tiene muchos bucles más cortos en lugar de un bucle de ejecución prolongada y los eventos se manejan entre dos bucles.