JavaScript ASYNC/AWAIT is easy! ⏳

#javascript #tutorial #programming
// Async/Await = Async = makes a function return a promise
// Await = makes an async function wait for a promise
// Allows you write asynchronous code in a synchronous manner
// Async doesn't have resolve or reject parameters
// Everything after Await is placed in an event queue
async function doChores(){
try{
const walkDogResult = await walkDog();
console.log(walkDogResult);
const cleanKitchenResult = await cleanKitchen();
console.log(cleanKitchenResult);
const takeOutTrashResult = await takeOutTrash();
console.log(takeOutTrashResult);
console.log("You finsihed all the chores!");
}
catch(error){
console.error(error);
}
}
doChores();

[@BroCodez]

// Async/Await = Async = makes a function return a promise // Await = makes an async function wait for a promise // Allows you write asynchronous code in a synchronous manner // Async doesn't have resolve or reject set up as parameters // Everything after Await is placed in an event queue function walkDog(){ return new Promise((resolve, reject) => { setTimeout(() => { const dogWalked = true; if(dogWalked){ resolve("You walk the dog 🐕"); } else{ reject("You DIDN'T walk the dog"); } }, 1500); }); } function cleanKitchen(){ return new Promise((resolve, reject) => { setTimeout(() => { const kitchenCleaned = true; if(kitchenCleaned){ resolve("You clean the kitchen 🧹"); } else{ reject("You DIDN'T clean the kitchen"); } }, 2500); }); } function takeOutTrash(){ return new Promise((resolve, reject) => { setTimeout(() => { const trashTakenOut = true; if(trashTakenOut){ resolve("You take out the trash ♻"); } else{ reject("You DIDN'T take out the trash"); } }, 500); }); } async function doChores(){ try{ const walkDogResult = await walkDog(); console.log(walkDogResult); const cleanKitchenResult = await cleanKitchen(); console.log(cleanKitchenResult); const takeOutTrashResult = await takeOutTrash(); console.log(takeOutTrashResult); console.log("You finsihed all the chores!"); } catch(error){ console.error(error); } } doChores();

[@uddipta03]

walkDog() .catch(error => {console.error(error); return error; }) .then(value => {console.log(value); return cleanKitchen()}) .then(value => {console.log(value); return takeOutTrash()}) .then(value => {console.log(value); console.log("You finished all the chores!")}) // index.js:52 You DIDN'T walk the dog 🦮 // index.js:53 You clean the kitchen 👨🏻‍🍳 // index.js:54 You take out the trash 🚮 // index.js:54 You finished all the chores! when if the a promise rejected still I can resolve rest of the promises using promise chaining but for async/await it will not happen? how I can make it happened in the same way?

[@TheComputerSciencestudent.]

so good to see you still uploading thanks for the C# videos I am a freshmen in College as CS major and I learnt a a lot from your videos. Just wanted to say THANKS BRO!!

[@martinfriday5481]

I have been squabbling with this for a loooonnng time, this tutorial was super helpful and very straight to the point, thank you soo much

[@darrenharris5231]

Thank you for this! This was really clear to understand. I think seeing the Promise function and the resolve and reject parameter helped

[@nysmulerecords4465]

short but perfect and easy to understand. Thanks for sharing good tips.

[@metaobserver657]

THE best JS instructionals

[@x..darkfate..x]

short and crisp video thnx for sharing

[@rbsfinger]

Very helpful. Thanks for the video.

[@abdosamir_225]

you are brilliant man

[@yuvarajsingh7806]

Thankyou sir your teaching style is awesome❤

[@manuelvaal1257]

Very much needed!❤

[@reggiehurley1479]

bro correct me if i'm wrong but in the first ex that results in the "resolve is not defined" error that has nothing to do with async vs not async function

[@yohannestsegaye6945]

really helpful,Thank You sir

[@robeeeeen]

This is much better than the last .then video and useful.

[@footy895]

Bro are you a full time youtuber or working for a company?,your coding skills are really good

[@mzedan2]

Thank you very much

[@alexaldridge3454]

Hey Bro Code great video. Once I have gotten concepts like this down what do I search up to learn how to attach like the true or false area so it can be changed with lets say an html on a website. or how do I make it so the console logs so a user off the app can see it in nice text? (I feel Javascript is in the background how can I make it so a user can interact with this in an app?) Cheers

[@antcannon]

Is there a way to get the data from inside the async function saved to a variable for later use?

[@ALLSTARDECOURO2]

good stuff

[@gabrielzanda6890]

Lov u bro

[@axshat_in]

Is Next Js Is the future?

[@Taofetch]

which tutorial playlist I should follow, this 2024 one or the older one?

[@Taofetch]

I`m one hour passed in the full 8 course vid and stuck between choosing what to follow now

[@BroCodez]

This playlist is the updated version

[@Taofetch]

@@BroCodezthankyou and have a great day bro!

[@laperplayz1388]

@@BroCodez can you do a new video with more advanced c++ concepts pls. like polymorphism, encapsulation, abstraction, etc. and also like vectors, the auto keyword, and concepts that are new to the current version of c++ please my fellow bro

[@BIRBHUMBOY-yy8ne]

Make a in depth asynchronous video

[@alisanan9090]

catch (error) { throw(error); }

[@hunin27]

i started learning node.js and im explding its too hard :((

[@CoolestPossibleName]

Go programming language is made by life much easier

[@NAMEYOUTUBER]

pls dont explde

[@hunin27]

ill try. i start to learn a bit more@@NAMEKZbinR

[@ALLSTARDECOURO2]

so did you learned it?

[@hunin27]

@@ALLSTARDECOURO2 yes