Attendez jusqu'à ce flag=true

Parce que javascript dans un navigateur est mono-thread (sauf pour les web workers qui ne sont pas en cause ici) et un fil d'exécution de javascript s'exécute à la réalisation, avant qu'un autre ne peut s'exécuter, votre déclaration:

while(flag==false) {}

sera tout simplement courir pour toujours (ou jusqu'à ce que le navigateur se plaint d'un non-réactif boucle javascript), la page semble être suspendu et aucune autre javascript obtiendrez jamais une chance de s'exécuter, ainsi que le drapeau de la valeur ne peut jamais être changé.

Pour un peu plus d'explications, Javascript est un événement piloté par le langage. Cela signifie qu'il exécute un morceau de Javascript jusqu'à ce qu'il renvoie le contrôle de l'interprète. Alors, seulement quand il revient à l'interprète, Javascript obtient le prochain événement à partir de la file d'attente d'événements et l'exécute.

Toutes choses comme des minuteries et des événements de réseau exécuter par le biais de la file d'attente des événements. Ainsi, lorsqu'un compte à rebours incendies ou d'un réseau demande arrive, il n'a jamais interrompre le cours d'exécution Javascript. Au lieu de cela, un événement est mis dans le code Javascript, des événements de la file d'attente et puis, quand le cours d'exécution Javascript finitions, l'événement suivant est retiré de la file d'attente des événements et il devient à son tour d'exécution.

Donc, quand vous faites une boucle infinie comme while(flag==false) {}, actuellement en cours d'exécution Javascript ne se termine jamais et donc le prochain événement n'est jamais sorti de la file d'attente des événements, et donc la valeur de flag n'est jamais modifié. Ils clé ici est que Javascript n'est pas interruption. Lorsqu'une minuterie se déclenche, il n'interrompt pas le cours d'exécution Javascript, exécuter du Javascript et de laisser ensuite le cours d'exécution Javascript continuer. Il est juste de mettre dans la file d'attente d'événements en attente jusqu'à ce que le cours d'exécution Javascript est fait pour obtenir son tour à exécuter.

---

Ce que vous devez faire est de repenser la façon dont votre code fonctionne et trouver un autre moyen de déclencher le code que vous voulez exécuter lorsque l' flag les changements de la valeur. Javascript est un langage événementiel. Donc, ce que vous devez faire est de déterminer quels sont les événements, vous pouvez enregistrer un intérêt dans vous pouvez donc écouter l'événement qui pourrait causer le drapeau pour changer et vous pouvez examiner le drapeau sur cet événement ou vous pouvez déclencher votre propre événement à partir de n'importe quel code peut changer de drapeau ou vous pouvez mettre en œuvre une fonction de rappel que, quel que soit les changements de code que le drapeau pouvez appeler votre rappel à chaque fois que le morceau de code responsable de la modification de la valeur de l'indicateur serait de changer la valeur de true, il se contente d'appeler la fonction de rappel et donc votre code que vous voulez exécuter lorsque le drapeau est défini pour true aurez à exécuter au bon moment. C'est beaucoup, beaucoup plus efficace que d'essayer d'utiliser une sorte de minuterie pour vérifier en permanence la valeur de l'indicateur.

function codeThatMightChangeFlag(callback) {
    //do a bunch of stuff
    if (condition happens to change flag value) {
        //call the callback to notify other code
        callback();
    }
}

function waitFor(condition, callback) {
    if(!condition()) {
        console.log('waiting');
        window.setTimeout(waitFor.bind(null, condition, callback), 100); /* this checks the flag every 100 milliseconds*/
    } else {
        console.log('done');
        callback();
    }
}

Utilisation:

waitFor(() => window.waitForMe, () => console.log('got you'))

Avec Ecma Script En 2017, Vous pouvez utiliser asynchrone-attendent et alors que ensemble pour faire
Et tout ne va pas planter ou de verrouiller le programme même variable ne jamais être vrai

JS:

//First define some delay function which is called from async function
function __delay__(timer) {
    return new Promise(resolve => {
        timer = timer || 2000;
        setTimeout(function () {
            resolve();
        }, timer);
    });
};

//Then Declare Some Variable Global or In Scope
//Depends on you
var flag = false;

//And define what ever you want with async fuction
async function some() {
    while (!flag)
        await __delay__(1000);

    //...code here because when Variable = true this function will
};

ES6 avec Async /Await ,

let meaningOfLife = false;
async function waitForMeaningOfLife(){
   while (true){
        if (meaningOfLife) { console.log(42); return };
        await null; //prevents app from hanging
   }
}
waitForMeaningOfLife();
setTimeout(()=>meaningOfLife=true,420)

Similaire à Lightbeard de réponse, j'ai utiliser l'approche suivante

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

async function until(fn) {
    while (!fn()) {
        await sleep(0)
    }
}

async function myFunction(number) {
    let x = number
    ...
    ... more initialization

    await until(() => flag == true)

    ...
    ... do something
}

JS:

//function a(callback){
setTimeout(function() {
console.log('Hi I am order 1');
}, 3000);
//callback();
//}
//function b(callback){
setTimeout(function() {
console.log('Hi I am order 2');
}, 2000);
//  callback();
//}
//function c(callback){
setTimeout(function() {
console.log('Hi I am order 3');
}, 1000);
//  callback();
//}
/*function d(callback){
a(function(){
b(function(){
c(callback);
});
});
}
d();*/
async function funa(){
var pr1=new Promise((res,rej)=>{
setTimeout(()=>res("Hi4 I am order 1"),3000)
})
var pr2=new Promise((res,rej)=>{
setTimeout(()=>res("Hi4 I am order 2"),2000)
})
var pr3=new Promise((res,rej)=>{
setTimeout(()=>res("Hi4 I am order 3"),1000)
})
var res1 = await pr1;
var res2 = await pr2;
var res3 = await pr3;
console.log(res1,res2,res3);
console.log(res1);
console.log(res2);
console.log(res3);
}   
funa();
async function f1(){
await new Promise(r=>setTimeout(r,3000))
.then(()=>console.log('Hi3 I am order 1'))
return 1;                        
}
async function f2(){
await new Promise(r=>setTimeout(r,2000))
.then(()=>console.log('Hi3 I am order 2'))
return 2;                   
}
async function f3(){
await new Promise(r=>setTimeout(r,1000))
.then(()=>console.log('Hi3 I am order 3'))
return 3;                    
}
async function finaloutput2(arr){
return await Promise.all([f3(),f2(),f1()]);
}
//f1().then(f2().then(f3()));
//f3().then(f2().then(f1()));
//finaloutput2();
//var pr1=new Promise(f3)
async function f(){
console.log("makesure");
var pr=new Promise((res,rej)=>{
setTimeout(function() {
console.log('Hi2 I am order 1');
}, 3000);
});
var result=await pr;
console.log(result);
}
//f(); 
async function g(){
console.log("makesure");
var pr=new Promise((res,rej)=>{
setTimeout(function() {
console.log('Hi2 I am order 2');
}, 2000);
});
var result=await pr;
console.log(result);
}
//g(); 
async function h(){
console.log("makesure");
var pr=new Promise((res,rej)=>{
setTimeout(function() {
console.log('Hi2 I am order 3');
}, 1000);
});
var result=await pr;
console.log(result);
}
async function finaloutput(arr){
return await Promise.all([f(),g(),h()]);
}
//finaloutput();
//h();