How to assign a fetch response to global variable?

Question

const loadUsers = async () => {
  const res = await fetch('https://www.breakingbadapi.com/api/characters')
  const json = await res.json()
  return json
}

let chars = loadUsers()

Why does it return a promise ? If i try to add await keyword to load users i get an error? So what s the problem here?

@ChrisLi so how exactly do i store the data from the promise into the chars variable here? — John, Jul 26 '22 at 19:32
since its a promise you can add a .then and get the value in callback, or using await — Chris Li, Jul 26 '22 at 19:33

score 0 · Answer 1 · answered Jul 26 '22 at 19:32

0

Async functions always return a promise. If the return value of an async function is not explicitly a promise, it will be implicitly wrapped in a promise.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function

answered Jul 26 '22 at 19:32

Chris Li

2,628
1
8
23

How to assign a fetch response to global variable?

1 Answers1