Wie endlose While-Schleife über setTimeout in Javascript zu beenden

Question

Ich habe ein Stück Code mit While-Schleife, die ich mit SetTimeout() stoppen möchte. Aber es scheint wie eine Endlosschleife, die nie setTimeout() auslöst. Wenn ich die While-Schleife entferne, wird das Timeout korrekt ausgelöst. Was ist bitte falsch?

$(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 führt eine einzelne Ereignisschleife aus. Es wird nicht mitten in einer Funktion anhalten, um zu sehen, ob irgendwelche Ereignisse (wie Klicks oder Timeouts) eine andere Funktion auslösen.

Kurz gesagt: Es wird nicht die zeitgesteuerte Funktion ausgeführt, bis die While-Schleife beendet ist.

---

Um dies zu tun, hätten Sie normalerweise einen ereignisgesteuerten Iterator.

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 tun genannt wird nie die Tatsache, dass die während niemals endet und so das auch Dispatcher nicht die setTimeout geht auszulösen.

Answer 3

Wie bereits erwähnt, die While-Schleife blockiert die eine und einzige Gewinde. So lassen Sie das Beispiel, das Ding tun Sie wollen, ersetzen Sie die while-Schleife mit setInterval (Funktion) wie folgt aus:

$(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);  
});