Actually how does async await works?

azerool — Sun, 13 Feb 2022 14:27:56 +0800

i am new to javascript

Do you have to use async await for every part of the code? Lets say i have a fetch that i want to be blocking, however it is hidden in many layers of function, i have to async await ALL of them? Or just at the top level? or at the most bottom level only?

Do i have to do like this

what i want is to get api one by one, must wait in sequence because for my project, one api return is required to fire another one

CODE

async function midLevelFunc() {

await sendRequest("www.sampleapi.com/")
await sendRequest("www.bestjavascripttutorial.com/")
await sendRequest("www.iloveprogramming.com/")
}

async function topLevelFunc() {

await midLevelFunc()

}

async function sendRequest(url) {

await fetch(url)
.then(response => response.json())
.then(data => console.log(data));

}

Or Just like this

CODE

function midLevelFunc() {

sendRequest("www.sampleapi.com/")
sendRequest("www.bestjavascripttutorial.com/")
sendRequest("www.iloveprogramming.com/")

}

function topLevelFunc() {

midLevelFunc()

}

async function sendRequest(url) {

await fetch(url)
.then(response => response.json())
.then(data => console.log(data));

}

CODE

async function midLevelFunc() {

await sendRequest("www.sampleapi.com/")
await sendRequest("www.bestjavascripttutorial.com/")
await sendRequest("www.iloveprogramming.com/")
}

function topLevelFunc() {

midLevelFunc()

}

function sendRequest(url) {

fetch(url)
.then(response => response.json())
.then(data => console.log(data));

}

Or just at the top most level will suffice ?

CODE

function midLevelFunc() {

sendRequest("www.sampleapi.com/")
sendRequest("www.bestjavascripttutorial.com/")
sendRequest("www.iloveprogramming.com/")
}

async function topLevelFunc() {

await midLevelFunc()

}

function sendRequest(url) {

fetch(url)
.then(response => response.json())
.then(data => console.log(data));

}

Lowyat.NET: Latest topics by azerool

Actually how does async await works?