javascript匿名setTimeout函数

Question

is it possible in jScript to do something like the following using multiple anonymous setTimeout functions?

var eventCounter;

// wait for eventCounter to be equal to 1
console.log('eventCounter is now equal to one');

// pause for eventCounter to be equal to 2
console.log('eventCounter is now equal to two');

// finally, wait for eventCounter to be equal to 3
console.log('eventCounter is now equal to three');

I had hoped something like this might have worked:

setTimeout( () =>  {                 // fake code
   if  ( eventCounter <= 1234 ) {    
        this();                      // fake code, this() is not a function
   } else {
       console.log('eventCounter is now over 1234');
   }
}, 200);

or maybe Promises is the way to go?

otherwise it seems like i end up with some sort of deeply embedded nested perform loop with multiple function names, which i had hoped to avoid.

thank you very much.

Answer 1

I found this on SO, but unfortunately i am unable to remember where i found it:

var waitValue = false;
var counter = 0;
(function tester() {
   if  ( waitValue ) {
      console.log('finally true');
   } else {
       if  ( counter > 1000 ) {
           console.log('waited too long');
           process.exit;
       } else {
           console.log('still waiting, counter = ' + counter++);
           setTimeout(tester, 1000);
       }
   }
})();
// wait a few seconds and enter this into the console:
var waitValue = false;

and another perhaps better excellent idea was suggested here :

    (function loop(counter) {
        if ( waitValue )  {
            console.log('waitValue is now true');
            resolve('FIRST PROMISE');
        } else if  ( counter <= 0 ) {   // dont wait forever.
            reject('waited too long');
        } else {
            console.log('Count down: ' + counter);
            setTimeout( loop.bind(null, counter-1), 3000);
        }
    })(counter); // initial value of count-down