Async Await JavaScript ES7

JavaScript Async Await explained. Practical application of Async Await and Error handling with try catch.
*code samples
Async Await Example : jsfiddle.net/o...
Promise.all Example: jsfiddle.net/o...
Try Catch : jsfiddle.net/u...
Please be my patreons on patreaon
/ techsith
Follow me for technology updates
/ techsith
/ techsith1
Help me translate this video.
www.youtube.com...
Note: use translate.goog... to translate this video to your language. Let me know once you do that so i can give you credit. Thank you in advance.

[@TheRaghavboyz]

much 'awaited' video.

[@vickykumar-fb8td]

hi techsith, I would like to thank you with my whole heart. I have followed your video for my JavaScript knowledge and switched my job where i got unexpected 100% hike in my current salary. Your videos are so well explained that i can't explain i can only say that in my current team i have referred you video to many people and they are also loving ur series.

[@SandeepKumar-cx7cz]

Hi Vicky Bhai m javascript/react m job search Kar raha hu Agar apke Paas time ho to meri thodi help kar dijiye Kaise kya kitna karna h jisse interview nikal jayega Email is [e-mail]

[@vickykumar-fb8td]

@@SandeepKumar-cx7cz maine email kiya hai apna number kabhi bhi cal kro

[@SurajYadavSAIYAN-SRJ]

@@vickykumar-fb8td hello i know a friend of mine who is also looking for new job as its difficult to get a job a. fresher. can u please help ?

[@rohitjoshi1003]

This guy has done mastery in making easy topics looks like most difficult thing ....

[@cjhnsn20]

Poor guy is never going back to the movies again

[@mriduldey3305]

lol

[@shabnamnaaz4676]

I have tried very hard to understand promises and async . this is a saviour . Thanks so much

[@daniellund7663]

After watching quite a few tutorials on this subject, I can say that this is by far the best I've come across! Thank you!

[@Techsithtube]

I appreciate your awesome comment. Thanks for watching!

[@dansmar_2414]

I agree with you. This is gold

[@somystic100]

The best async await tutorial i have ever seen. Thank you!

[@LifeIsGood1992]

You can't have butter without popcorn , funny explanation , you just nailed it , thank you

[@Techsithtube]

Thanks for watching Wael :)

[@hassanali-yi4bu]

This is the best video i've seen on this topic. Even in 2021 this is the best!

[@prakharkhandelwal7513]

I really liked the idea of "movie queue" that you used to explain async/await. Great video.

[@Techsithtube]

Glad you liked it! I was thinking a best way to explain it and It seems , real life examples are best way to explain.

[@בןסלומון-ז4כ]

i have seen many videos trying to explain Async Await(all of them just show a async func but never explain or show why ths func is Asynchronous when the await clearly blocks the code in there example) and this is the best one by far how the hell this dosent get more views ?

[@Techsithtube]

I am glad you think so. Keep on learning!

[@ShivSinghSengar7013]

hard for single, happy fellows, to understand!!!!!

[@amitbanerjee9516]

Thanks Very Much. I just like all your videos. Its self explanatory, very well explain. Thanks once again.

[@joelchacon9278]

You're my go-to-guy, thanks for the vid.

[@cristhiancantillo4922]

You have one of the best youtube channels man... keep on

[@aalekhpradeep6968]

Example was great. And the way you explained it made the topic a lot clearer. Thank you Sir

[@ИльяВеличко-ц5у]

You made this hard topic fewer easiest, because of your examples from real life, it's a big plus for you, that makes me watch your video and understand the topic of the video. Thank you for you :)

[@vaideshshankar9899]

cleared all concepts at once...great

[@Techsithtube]

I am glad that was cleared. Keep on learning!

[@innodjetinnodjet3121]

I have to say that this is so far the best tutorial on this subject...thanks a lot for sharing your knowledge with us....great video

[@danielczarnozynski3427]

Your tutorials are masterpieces! :D

[@Techsithtube]

Thanks for a nice comment Daniel.

[@VinodKumar-vd9ou]

That's great explanation sir..keep it up!!!

[@bharathKumar-or6gd]

wow, excellent , feeling very very good even many developers doesn't know actual behind

[@Techsithtube]

Thanks Bharat, for watching!

[@TPOEWRITES]

Thank you !! This is the best video ever :)

[@saileshpatra2488]

You earned my respect from bottom of my heart.Thankyou so so much sir.Really impressed Thank You

[@Techsithtube]

THanks for watching Sailesh!

[@thomashuynh6263]

Your videos are great! Thanks you.

[@rushikeshrajput7970]

your example was good, easy to understand Promises, but it became very complicated to understand main point async/await

[@majicboca4784]

Thanks for your presentation. Very helpful. Much appreciated.

[@TheSatheeshmca]

Nice explanation 👌👍👍

[@felipealvarez7960]

Excellent video.. the example is great to explain the concept ! This man knows the struggle with women XD

[@IqbalAhmed-qk5ix]

Nice Explain Awesome thank u so much sir

[@DeepakKumarDeevakar]

Great example to understand 👌

[@Techsithtube]

Deepak , thanks for watching!

[@sundararajaneaswara6132]

Very nice presentation sir

[@varletconstundefined]

very nice and simplified as usual good job my friend. although i think the ticket and the movie example is way to specific and realistic did it happen in real life :) ? keep up the good work

[@Techsithtube]

George, I has happened to me. I am assuming it has happened to lot of other people too and I am not alone in this one. :)

[@varletconstundefined]

@@Techsithtube of course it happened don't worry you're not alone 😂

[@VikramSingh-vy3jb]

wow . beautifully explained

[@luanbk91]

The video is slowly but more importantly, it's so understandable and precise! Thank you.

[@yuqin9912]

I like the cinema video example! Thank you.

[@sohamacharya9265]

Thank you very much man. You explained it with so much simplicity, it's just imprinted in my mind. Great job 👍

[@Techsithtube]

Soham, If its imprinted in your mind, my job is done. Thanks for watching!

[@olawalemoses8958]

You're a good teacher brother. Kudos

[@rubandharmaraj6094]

hi sir, one doubt in 11:55 in async function there is no any time delay then why its vonsole at last?

[@sampa6722]

Genius channel 👍🏼

[@hk_build]

awesome explanation as usual ..with practical example

[@abhijeetsupekar4534]

Well explained topic....

[@geetube79]

Great video. Pretty explanatory both of how async / await works and more importantly, how annoying wives are.

[@Techsithtube]

lol I would not comment on the last part :)

[@bhubanmalek4589]

that is very practical... thanx

[@varinder21011989]

thank you so much for all your videos. Respect for your work.

[@rock_0075]

maybe a silly question but i cant get my head around, when you return the t you use inside the dollar sign( $ shows its a variable) but when you call the function down and console it you just use console.log(t) i mean just t rather ${t}

[@Techsithtube]

if you are using template string which mean someting like this `hi i am ${t}` this is where i am using doller sigh. but i I just want to print t I can simply use t.

[@anaghasalvi8364]

Thank you so much..referred so many blogs and videos for async await but never understood as good and precise as i did after watching this..What a explanation and relevant example ..this helped alot!

[@sureshgarine]

Thank you Sir. you explained very well.

[@parassahu0]

Simple and Clear .. It became very easier to understand with the "cinema ticket queue" example you took.

[@johnnguyen1655]

Very nice explaination, big thanks!

[@itcook5874]

A small doubt sir.. You mentioned async function will always returns promise. But when we run below code. console.log('Person1: shows Ticket'); console.log('Person2: shows Ticket'); const preMovie = async ()=> 'movie'; preMovie().then((m)=>{ console.log(m); }) ; console.log('Person4: shows Ticket'); console.log('Person5: shows Ticket'); we have not mentioned explicitly that we are returning promise. and also if we returning a promise how it is treating that promise is resolved by default. Thank you for great videos ...

[@Techsithtube]

Here your asyc function returns a promise because , when everything in that function get completed the promise is resolved. For that you don't have to explicitly return a promise.

[@novanoskillz4151]

Excuse me, please what font are you using in this video?? Thank you sir.

[@juancamiloq1]

Awesome videos sith

[@zhoukon]

Thank you soooo much. You break down hard to understand concepts in the most simplest form. After I found your channel my understanding of JavaScript really improved. :)

[@katesugden8372]

Is this based on your real life experience? If so you deserve credit for your relationship skills as well as your teaching skills ;)

[@aakritigangwal7659]

Thanks for such a detailed explanation.

[@Techsithtube]

Thanks for watching Aakriti!

[@chetk8413]

Brilliant Tutorial thanks

[@dearrraed]

please what's the difference, why you didn't apply async await on promiseWifeBringingTicks to show us that the script wait the 3 seconds and then it continue the other executions ?

[@dhrubojyotidas7851]

Your stories are brilliant

[@lgiorgos1]

I wanted to simulate a delay in the promises in the 1st example, buts setTimeout would only work in promiseWifeBringingTicks and not in the other promises. Why is that happening?

[@Techsithtube]

can you send me the code on how you are using the settimeout

[@lgiorgos1]

@@Techsithtube I don't have that code right now. But I can send you my own implementation here github.com/giorgoslytos/promises . It is the promises.js file. I managed to make it function the way that I wanted. And it is a little bit different in the structure and I think it's a little bit closer to reality because promiseWifeBringingTicks is called first, and then the rest are called from it.

[@deepakSharma-db6fj]

I am gonna show this video to my wife

[@Techsithtube]

You dont want to start a fight :)

[@akshay__sood]

Is asycn await just the syntactical sugar around Promises or are they different from each other in any manner? Please some one help me clarify this.

[@Techsithtube]

Akshay, async await is not syntactical sugar, it's an actual feature. Its an apple an orange comparison, though async await always returns a promise. Which means it uses promise.

[@akshay__sood]

@@Techsithtube but they actually do the same thing then what's the difference between them. Just the readability? How they are different from each other functionally? This is what I want to know.

[@abhinavtyagi7233]

But what was the difference Both the methods are giving same results. So do we use it to code look little cleaner or do it have any other benefits? I thought that by using async await we can make code to wait and then execute.

[@Techsithtube]

Both, If you noticed, its waiting for things to finish before moving to the next statement. And that make your code look cleaner.

[@varunsharma5045]

Well explained....as expected from you sir..

[@vivekvanga3588]

Thank you sir.. well explained..

[@igorpavlenko411]

man u are awesome !

[@dimitargetsov9690]

Thank You, Sir, Full respect and Best regards Dimitar

[@mobidevtips4345]

Could you please explain how we should handle a scenario in which four promises being called and two of them got failed.

[@Techsithtube]

It all depends on how you want to handle the fails, if you care about the fails put them all in promise.all. if there is a dependency . you call one after another.

[@mailshijith]

You saved my time THANKS :)

[@smtn04]

You do such a great job of clearly explaining a process! With real life examples to help convey the concepts--like mnemonic techniques. Hope you come back to make more tutorial videos!

[@abdullahimuse1691]

Txx a lot. Love your simple approach.

[@Techsithtube]

Thanks for watching! :)

[@jithunniks]

Wow, you really put great effort into coming up with good examples to explain a topic

[@sudhakard1910]

Awesome.. I learnt many things because of your valuable time on making this tutorial.. Thank you very much.. :)

[@manas_singh]

you are gold 💛

[@smitsism]

Do you have one for Promise and do you have some practice questions?

[@pradeephupare839]

This is very nice example I like it.. can you please explain observable with the same example?

[@Tomekszcz91]

What I like the most about your teaching approach is that you translate coding language into real life experience which is crucial for beginners to understand. Here's a new subscriber for you :)

[@RedEyedJedi]

Haha "wife bringing the ticket usually takes way longer time"

[@Techsithtube]

Steven, that is for sure. That is why Async Await was created! :)

[@iskandar.bakshi]

actually i knew how async await works, but i want to point that you are the best js tutorial creator in youtube, thank you very much for your work :)

[@Techsithtube]

:) thanks for the nice comment

[@christopherortega6257]

Thanks. Subbed and liked. Keep up the great work. :)

[@Pareshbpatel]

Thanks for a great tutorial {2021-08-11}

[@tanmaydas]

I am confused about JavaScript's blocking behavior. Is JS really non-blocking? Consider the following example: alert('Foo'); console.log('Bar'); If you execute the above code, the second statement never gets executed until the first statement is executed, meaning that the program "waits" for you at line 1. Hence the execution is blocked for as long as the user doesn't close the alert dialog.

[@Techsithtube]

Tanmay, to answer your question , JavaScript is non-blocking if you use use the right things that are non-blocking. alert is on of those blocking things that was added long time ago before they consider javaScript non-blocking. unfortunately you can remove anything from javaScript once you add .

[@jaayaustin336]

than you sm, this really helped

[@sagarahuja4386]

I need some snack while watching this :P

[@sriramramapragada1611]

U doing really amazing job,I like all of us videos,especially javascript mock interviews, it helped a lot,thanks for ur videos

[@bounakhlamohamed9453]

really nice work. ty a lot.

[@Techsithtube]

Glad you liked it!

[@piotrekjazz1287]

"Husband grins and of course shows his willy" Promise.all is useless as it gives error 429 "too many requests"

[@samaneh77]

Nice one, would you mind making the font size a bit smaller, I mean zoom out, because eyes cant see them all at once, hard to read/imagine the whole thing with this font size...

[@Techsithtube]

Nesae, i will keep that in mind for the next video. thanks for letting me know.

[@samaneh77]

@@Techsithtube Thanks heaps, thanks for the amazing videos, I always learn a lot :)

[@kps2642]

thanks a lot man , was just thinking about this

[@mrXpert15]

Thank You so much, sir!!! So helpful!

[@jtvlogs6711]

im confusedddddd....i just need a simple answer, what is the point of async await if we already have promises? :(

[@Techsithtube]

Simple answer. if you want to block, you use async await. promises are non-blocking. Imaging if you write some end-to-end tests where you have to load the page , makesure its loaded before you click on the button and make sure it opens another page before you click on that page. all of this is very simple with async await since it blocks every execution.

[@ZodomArea]

Your story here sounds like you are speaking from experience, haha. My next Promise would be for us to setTimeout :D Await thumbs up...

[@michaelboth8790]

Vefry helpful, thankyou.

[@최은빈-z1q]

can somebody please explain where I need to put the word 'return'? because the first promise didn't need return whereas the rest of the promises did... I thought => includes 'return'

[@Techsithtube]

in the arrow functions you dont have to use return if you are returning a single line.

[@alanjb5791]

Fantastic explanation!

[@pebcak420]

lol why do i sense some projection about waiting for the wife at the movie theater

[@zakirsaifi7]

Thanks:) very well explained sir.

[@Techsithtube]

Thanks for watching Zakir!

[@ThePoniatowski13]

I love this video so much :) It's good content. However, it's a way too long.

[@allthenew5227]

In real-world, by the time husband shows the ticket movie gets over :)

[@OscarSanchez-hg5ux]

Thanks. I know these are didactic examples, but in a real life, does it make sense to use promises for loading user form, input data, and verify, because if you need to wait before continuing your process. For me it does not make sense to make those requests async.

[@Techsithtube]

for loading the data in the user form should not be a promise. and same goes for verifying the data. However, if you are loading the data from response from a rest api. you have to wait for the response to be returned so you need to use promise there.

[@xD-saleem]

magnificent video!!! THANK YOU SO MUCH !!!!