Structuring a class so that you can call async chained functions on the instantiation of it.

Chaining_async_await.js

// Something to think about from this post :)
// https://stackoverflow.com/questions/55413162/how-to-use-function-chaining-with-async-function?noredirect=1#comment97547907_55413162

class Walker {
   constructor(t) {
     this.t = t;
     // set up a task queue for chaining
     this.task = Promise.resolve();
    }

    // shedules a callback into the task queue
    addTask(cb) {
       // TODO: error handling
      this.task = this.task.then(cb);
      return this
    }

    // allows to use this like a promise, e.g. "await walker";
    then(cb) { cb(this.task); }

    goToMainPage () {
      this.doTask(async () => { // shedule to chain
        console.log("goToMainPage started");
        await new Promise(res => setTimeout(res, 1000));
        console.log("goToMainPage done");
      });
      return this;
   }

 }


(async function() {
  const walker = new Walker;
  console.log("start tests");
  await walker.goToMainPage();
  console.log("one done");
  await walker.goToMainPage().goToMainPage();
  console.log("two done");
})();