Discussion on: Cache API in JavaScript - with just 20 lines of code.

[Omid]

Can I ask you why are you doing this:

await fetch(url)
    .then(response => response.json())
    .then(json => cache[url] = {time: new Date(), value: json})

Instead of this:

const response = await fetch(url)
cache[url] = { time: new Date(), value: response.json()

If you use await you can replace those .then and I think this is much more cleaner :D

[Rajesh Royal]

Good Improvement. I will update the code.

[Omid]

I think you can append .json() to this:

const response = await fetch(url).json()

(I didn't test it but I think it should work)
Happy to help you! :D

[Rajesh Royal]

No it cannot be done.

[Gohomewho]

Actually that doesn't work and you'll get an error.
Uncaught TypeError: fetch(...).json is not a function
Because fetch() return a promise, and it doesn't have a json method on it.

It should be like this.

const url = "https://jsonplaceholder.typicode.com/todos/1"
const data = await fetch(url).then((response)=>response.json())

or this

const response = await fetch(url)
const data = await response.json()

Note that calling response.json() also return a promise so you need to await it to get the result.