¿Cómo detener o restablecer la ejecución de una función?
Traté de agregar un valor con el número de inicio a "while (true)" y regresar si el número de la evaluación lanzada no coincide con "if (RUN != 39629) return;", pero me parece que esto hace no siempre funcionan correctamente. Me gustaría de alguna manera detener de manera confiable la ejecución de una evaluación en ejecución.
let a = 0; let code = `while(true){ await sleep(1000); cons('step:'+a); a++; }`; $('span').click(e => { if ($(e.target).text() == 'start') { cons('start'); eval("(async () => {" + code + "})()"); } }); function sleep(ms) { return new Promise((resolve) => { setTimeout(resolve, ms); }); } function cons(s) { $('div').html($('div').html()+ s +'<br>'); } span { cursor: pointer; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <span>start</span> <span>stop</span> <div>...<br></div>Lo siguiente funciona para detener la ejecución del ciclo y reiniciarlo. Está usando una variable done separada para verificar el bucle.
Sin embargo, tenga en cuenta que esto solo funciona porque la suspensión utiliza setTimeout durante el cual se pueden activar los controladores de jQuery. Sin eso, no funcionaría, ya que JS tiene un solo subproceso, consulte esta pregunta . No se llamaría al controlador de detención y el ciclo se ejecutaría para siempre.
let done = false; let a = 0; let code = `while(!done){ await sleep(1000); cons('step:'+a); a++; }`; $('span').click(e => { const target = $(e.target).text() if (target === 'start') { done = false a = 0 cons('start'); eval("(async () => {" + code + "})()"); } if (target === 'stop') { done = true } }); function sleep(ms) { return new Promise((resolve) => { setTimeout(resolve, ms); }); } function cons(s) { $('div').html($('div').html()+ s +'<br>'); } span { cursor: pointer; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <span>start</span> <span>stop</span> <div>...<br></div>Se agregó en la solicitud para mostrar un ejemplo con una variable de retorno y qué tiene de malo. Para que funcione correctamente, debe insertarse en cada línea de código para poder interrumpir la ejecución de eval en cualquier momento, de lo contrario, parte del código aún se ejecuta después de hacer clic en detener.
start stop ... start step:0 next:0 step:1 next:1 step:2 stop <-!!!!! next:2 <-!!!!! let a = 0; let run = 0; let code = `while(true){ if (run != 100) return; cons('step:'+a); await sleep(5000); cons('next:'+a); a++; }`; $('span').click(e => { if ($(e.target).text() == 'start') { run = 100; cons('start'); eval("(async () => {" + code + "})()"); } if ($(e.target).text() == 'stop') { run = 0; cons('stop'); } }); function sleep(ms) { return new Promise((resolve) => { setTimeout(resolve, ms); }); } function cons(s) { $('div').html($('div').html()+ s +'<br>'); } span { cursor: pointer; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <span>start</span> <span>stop</span> <div>...<br></div>