Using axios with async and await

Question

I am new in Async and await ecosystem, but I know that it gives the way of coding in a synchronous way (although it is async behind the scenes, just the way it is written in code).

So here is my code that I want to do in an async fashion.

const axios = require("axios");
async function getJSONAsync(){
  // The await keyword saves us from having to write a .then() block.
  let json = await axios.get('https://tutorialzine.com/misc/files/example.json');
  console.log('after the call to service');
  // The result of the GET request is available in the json variable.
  // We return it just like in a regular synchronous function.
  return json;
}

let abc = getJSONAsync();
console.log('>>>>>>>>>>> abc', abc);

Now there are some of the queries that I am unable to crack, let us see the output first:

>>>>>>>>>>> abc Promise { <pending> }
after the call to service

1. The line is after the call to service came after the execution. Why? What happened to the async-await behavior?

Please shed some views?

Thank in advance, and happy coding :).

Answer 1

You either need to call getJSONAsync within another async function with await:

async function main() {
    let abc = await getJSONAsync();
    console.log(abc);
    // ...
}

 main();

or call it and wait for the returned promise to resolve (ie. with Promise.prototype.then)