Как закончить бесконечный цикл while через setTimeout в Javascript

Question

У меня есть фрагмент кода с циклом while, который я хотел бы остановить с помощью setTimeout(). Но это похоже на бесконечный цикл, который никогда не запускает setTimeout(). Если я удаляю цикл while, тайм-аут срабатывает правильно. Что не так, пожалуйста?

$(document).ready(function() 
{ 
    var i = 0, s = false; 

    setTimeout(function() 
    { 
     s = true; 
     console.log("Timeuot!!!"); 
     console.log("s value is " + s); 
    }, 1000); 

    while(s === false) 
    { 
     console.log("this is while and s is " + s); 
     i++; 
    } 

    console.log("iterations: " + i); 
}); 

Answer 1

JavaScript запускает один цикл событий. Он не останавливается в середине функции, чтобы увидеть, есть ли какие-либо события (например, клики или тайм-ауты), которые будут запускать другую функцию.

Вкратце: он не будет запускать функцию времени, пока цикл while не завершится.

---

Для этого вы обычно должны иметь итератор, инициированный событиями.

var i = 0, 
 
    s = false; 
 

 
setTimeout(function() { 
 
    s = true; 
 
    console.log("Timeuot!!!"); 
 
    console.log("s value is " + s); 
 
}, 1000); 
 

 
next(); 
 

 
function next() { 
 
    if (s) { 
 
    return done(); 
 
    } 
 
    console.log({ 
 
    s, i 
 
    }); 
 
    i++; 
 
    setTimeout(next, 0); 
 
} 
 

 
function done() { 
 
    console.log("iterations: " + i); 
 
}

Answer 2

SetTimeout никогда не вызывается сделать тот факт, что в то время как никогда не заканчивается, и поэтому даже диспетчер не собирается инициировать SetTimeout.

Answer 3

Как уже упоминалось блоки, в то время как петли с одной и только нити. Для того, чтобы ваш пример делать то, что вы хотите, замените время цикла с setInterval (функция), как это:

$(document).ready(function() 
{ 
    var i = 0, s = false; 

    setTimeout(function() 
    { 
     s = true; 
     console.log("Timeout!!!"); 
     console.log("s value is " + s); 
    }, 1000); 


    var interval = setInterval(function() { 
     console.log("this is while and s is " + s); 
     i++;  
     if (s) { 
     clearInterval(interval); 
     console.log("i is " + i) 
     } 
    }, 100);  
});