Is it possible to use Async without Await in JS?

Question

I am trying a little experiment here using Async without the Await. So what I did here is using Async with promise in the Fetch API. I am not getting the return in line 14 but line 8 works fine. Attached is the code. What should it have been? Thanks a lot and in advance.

async function getUserAsync(name) 
{
  let data
  fetch(`https://api.github.com/users/${name}`)
  .then(response => response.json())
  .then(response => {
    data = response
    console.log(data)  //line 8
  })
  return data
}

getUserAsync('john')
  .then(data => console.log(data))  //line 14

Did you mean to assign fetch to data? To answer your question: yes you can but you need to make sure your function returns a promise. Otherwise whatever it returns will be wrapped in one that immediately resolves. Sometimes it's not what you want; and certainly not in your specific case. — customcommander
– customcommander, Commented Jun 14, 2020 at 4:58
Duplicate Question, check the answer in the below link stackoverflow.com/a/77946819/2980414 — Himanshu Gupta
– Himanshu Gupta, Commented Feb 6, 2024 at 10:08

kyun · Accepted Answer · 2020-06-14 04:57:50Z

4

You can return the fetch() and you can get Promise object.

async function getUserAsync(name) {
  return fetch(`https://api.github.com/users/${name}`)
    .then(response => response.json())
}

getUserAsync('john')
  .then(data => console.log(data))

answered Jun 14, 2020 at 4:57

kyun

10.4k9 gold badges36 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Lukman · Accepted Answer · 2020-06-14 05:05:57Z

Or you can create and return a custom Promise from your async function:

async function getUserAsync(name) 
{
  return new Promise((resolve, reject) => {
    let data
    fetch(`https://api.github.com/users/${name}`)
    .then(response => response.json())
    .then(response => {
      data = response
      console.log(data)  //line 8
      resolve(data)
    })
    .catch(error => reject(error))
  })
}

getUserAsync('john')
  .then(data => console.log(data))  //line 14

Collectives™ on Stack Overflow

Is it possible to use Async without Await in JS?

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related