Как нарушить цикл в Javascript?

Question

Допустим, эта функция работает:

var runningFunction = "none", 
    foo    = 1000, 
    counter   = 0; 

function someFunc() { 

    runningFunction = "someFunc"; 

    from(var i = 0; i < foo; i++) { 

     counter++; 

    } 

} 

и я хотел сломать, что, скажем, при обнаружении window.resize

$(window).resize(function() { 

    // break someFunc function 
    // say scenario broke at count = 595 

} 

Как я могу это сделать? Я могу написать некоторую переменную, которая работает, как показано выше.

Answer 1

Вы не можете. Весь код в функции будет выполняться в блоке. Другие коды, такие как resize event listeners, будут ждать завершения функции.

Если вы действительно хотите «приостановить» его, вам нужно разбить его на разные функции и использовать setTimeout для вызова следующего. Это позволит запустить другой код в середине.

var timer, 
 
    counter = 0, 
 
    result = document.getElementById('result'); 
 
function someFunc() { 
 
    counter++; 
 
    result.textContent = counter; 
 
    if(counter < 1e5) timer = setTimeout(someFunc, 0); 
 
} 
 
someFunc(); 
 
document.getElementById('stop').addEventListener('click', function() { 
 
    clearTimeout(timer); 
 
});

Counter: <span id="result"></span><button id="stop">Stop counter</button>