Fetch All using var- the behavior

fetchAllWithVar.js

function fetchData(url, c) {
  console.log("url====", url);
  setTimeout(function () {
    console.log("===in fetchdata callback for url===", url);
    return c("response" + url);
  }, 100 * url.length);
}

function fetchAll(urls, callback) {
  /* responsesArray contains reponses index wise*/
  let responsesArray = [];

  /* callbacksCount contains hom many times the callback has been called */
  let callbacksCount = 0;

  for (var i = 0; i < urls.length; i++) {
    fetchData(urls[i], function (response) {
      if (response) {
        responsesArray[i] = response;
        console.log("resolved url --->", urls[i]);
        callbacksCount++;

        if (callbacksCount === urls.length) {
          callback(responsesArray);
        }
      }
    });
  }
}

fetchAll(["ar", "brty", "c"], function (responses) {
  console.log("responses are ------> ", responses);
});