Node.JS / Express - Почему A-Sync запускается в случайном порядке?

I understand an A-Sync call must complete before it can move on.

На самом деле это не так. Когда вы сделаете свой HTTP-запрос, он сделает этот запрос и двинется дальше. В вашем случае он продолжит выполнение следующих двух HTTP-запросов.

После получения ответа он запустит соответствующий функция обратного вызова. Ваши обратные вызовы будут срабатывать в том порядке, в котором вы получаете ответы на свои HTTP-запросы.

Вот хорошая ссылка для изучения цикла событий Javascript. https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop

Надеюсь, это поможет!

PS: Если вы хотите дождаться завершения одного запроса, прежде чем переходить к остальным, я бы предложил Обещания.

app.get("/start/:origin/:destination", function ( reqt, resp ) {
    const origin = reqt.params.origin
    const destination = reqt.params.destination
    const url = 'http://localhost:5000/maps/' + origin + '/' + destination
    const totalPrice = 0

    const firstPromise = new Promise((resolve, reject) => {
      http.get(url, res => {
        res.setEncoding('utf8')
        res.on('data', function(body){
          data = JSON.parse(body)
          resolve({
            overallDis: data["distance"],
            aRoadDis: data["ARoads"]
          });
        })
      })
    });

    const secondPromise = new Promise((resolve, reject) => {
      http.get("http://localhost:4000/lowestRate/", res => {
        res.setEncoding('utf8')
        res.on('data', function(body){
          const driver = JSON.parse(body)
          const rate = driver.rate
          console.info(rate)
          resolve(rate);
        })
      })
    });

    Promise.all([firstPromise, secondPromise]).then((values) => {
      // This will fire after both promises have called resolve()
      const overallDis = values[0].overallDis;
      const aRoadDis   = values[0].aRoadDis;
      const rate       = values[1];

      http.get("http://localhost:6000/surge/:" + rate + "/:" + overallDis + "/:" 
        + aRoadDis, res => {
          // console.info(overallDis)
          // console.info(aRoadDis)
          // console.info(rate)
          res.setEncoding('utf8')
          res.on('data', function(body){
            console.info(body)
            totalPrice += parseInt(body)
          })
          console.info(totalPrice)
      })
    });
})

Как упоминается в других ответах, ваша интерпретация async неверна: синхронные вызовы блокируют выполнение следующего кода, тогда как асинхронные вызовы нет.

Если вы хотите выполнить свои операции по порядку, но на самом деле они асинхронны, самый простой способ - использовать обратные вызовы. Это выполнимо для небольших стеков вызовов, но не зря это называется callback-hell.

Лучшим способом было бы обернуть асинхронные вызовы в Promises, а затем использовать структуру async / await для их синхронного упорядочения. Это могло выглядеть примерно так.

async function (req, res) {
    let op_1_result = await new Promise(function(resolve, reject) {
        ... do your async operation and finally call
        resolve(response);
    });

    ... do your other operations in the same fashion

    let op_n_result = await new Promise(function(resolve, reject) {
        ... do your async operation and finally call
        resolve(response);
    });
    return op_n_result;
}