Thanks for the video. The best information I got from this video is that let is block scope. That goes a long way towards knowing how to use it and how it is different from var which is function scoped etc
I really appreciate it because it is more clear than all video i get over the internet and please show us a complete video course about zero to advance level. thanks
Wow, hilarious. When you brought up the thing about the interview. Had one today, they asked me about hoisting, and i didn't do so great, and now I'm here
You are a great teacher , i have doubts even after watching other JS tutorial, as they teach the syntax only, not clarifying the doubts why we use any particular syntax what it does. #Love and Respect to you from INDIA.
i really appreciate your work....and your teaching skill are awesome....simple and easy to learn by you.....................thank you so much..........
Thanks for making ours life tremendously easy.I have been watching all of your's tutorials and you have a great teacher in you.Keep it up.It would be great if you come up with some DS/Algo tutorial as well.
I really love the way you explain the most confusing concepts in js...Feels like you have the right choice of words that trigger my brain to understand..lol. I will make sure to follow your vids regularly. Keep posting cheers!!!!
Your unbelievable man.... Straight up unbelievable. God has blessed us with hell of a JS Guru. I wont take this blessing for granted. Unbelievable should be your nickname brotha. Keep up the amazing work.
thank you for covering this, its really clear out everything i want to know. So near the end of the video when you declare the var y = 2 outside the function expression even though inside the function it already had the console.log for y before we initialize the y with 1 so thats when the hoisting kicked in rather than the lexicial scope rule where every outer environment can be accessed inside function so in this case the hoisting just declare the variable y and not initialize any value for the variable y so in this case undefined. So far i think javascript is the only language that one declare a variable in a global scope you can literally use it almost any where, javascript function is also an object itself. It would be nice to see you explain about the scope chain and closure🤔🤔But keep up the good work bro
awesome video sir....just one advice i want to give you please put this video in top of this playlist...as i started watching your playlist and in above videos you have used "let" then for finding difference between var and let takes a lot of time...but after watching this video i get completely understand the difference between these two...once again thank you so much...waiting for more videos :)
It's during the execution context, the JS engine will store all variable and function declarations in memory. Every function creates its own execution context and memory bank. That's why you can call/evoke a function before it is defined, because that declaration has already been stored. ;-)
Can you please explain the second part where you assign 2 to var y and then if you comment out the other assignment to the same variable the console.log would display 2.
whenever create any variable with var keyword it will be added to window (dom) object directly so it will be available in that particular context var is like global variable. var v; console.log(window.v);-->u will get undefined not an error
lexical scoping means variable defined outside the function is available inside. Function closure is , when a function uses a variable defined outside because of the lexical scoping, it will hold it inside a thing call closure ( internally) , so if you return this function it will persists the value where ever its used. I do have few tutorials on it. one is called closure, another is function chaining and there is also a tutorial on function mixins which uses closures.
I am using design patterns in many places. Here are some of the videos. call, apply and bind: ua-cam.com/users/edit?o=U&video_id=AYVYxezrMWA Decorator pattern: ua-cam.com/video/_8wOde1fmEM/v-deo.html Factory Pattern: ua-cam.com/video/DpGuDFK4xss/v-deo.html
@@Techsithtube not quiet, I was not too clear about the var behavior in functional scope vs block scope. Now I am much more clear on this topic thanks to you. I also watched and liked your setTimeout with var and let, that was the exact question she asked. I am also making videos on my channel about tech interviews, I think the best way to learn is to teach. Now I am more confident to go to any UI interviews because as far as I know, scope questions always come up and now I should able to explain the weird behavior of var.
Another thing with var and let is: var x = x; gives you a variable x with the value of undefined but let x = x gives you Uncaught ReferenceError: Cannot access 'x' before initialization at whateveryourfileis.js:whateverthelinenumberis:whateverthecolumnnumberis
Uhm. Are they really garbage collected? How does function factories work then? doesn't function factories return a reference of an object that was created inside the factory?
there is diffrenct between undefined and "not defined error" here you are going to get an error which means that when the line console.log(y) executes there is no y. so it will give an error like "can't access lexical declaration `y' before initialization" Now, in case of var where hoisting happens there wont be an error , the value of y would be undefined.
whenever I have doubts in JavaScript , I think of techsith 😉
No one has explained Hoisting, let alone the reasons for hoisting in such a lucid manner !
I hope it cleared the concept for you . Thanks for watching Nishant!
techsith without a shadow of doubt!
Very nice video. Finally understood the issues of using var and the advantage of using ECMAScript 6 'let' keyword instead. Thank you very much!
Glad to know. Thanks for watching :)
Thanks for the video. The best information I got from this video is that let is block scope. That goes a long way towards knowing how to use it and how it is different from var which is function scoped etc
I really appreciate it because it is more clear than all video i get over the internet and please show us a complete video course about zero to advance level. thanks
Shiplu I have a full course here udemy.com/js-masterclass/
The best explanation in all the tutorials video. not found better than your explain.keep posting, keep sharing .
Thanks Himanshu for watching!
Wow, hilarious. When you brought up the thing about the interview. Had one today, they asked me about hoisting, and i didn't do so great, and now I'm here
You are very good teacher, explained with examples. I have learned lot of things from your tutorials.
You are a great teacher , i have doubts even after watching other JS tutorial, as they teach the syntax only, not clarifying the doubts why we use any particular syntax what it does. #Love and Respect to you from INDIA.
I am glad it helped. THanks for watching and keep learning!
i really appreciate your work....and your teaching skill are awesome....simple and easy to learn by you.....................thank you so much..........
I like your style of explaining the issues - respect ! Thank you !!!
Thanks for making ours life tremendously easy.I have been watching all of your's tutorials and you have a great teacher in you.Keep it up.It would be great if you come up with some DS/Algo tutorial as well.
techsith is simply best for javascipt :)
Excellent..simple and straightforward..
I really love the way you explain the most confusing concepts in js...Feels like you have the right choice of words that trigger my brain to understand..lol. I will make sure to follow your vids regularly. Keep posting cheers!!!!
Mozilla needs to hire you to simplify their documentation! Thank you very much!
Best clarification of let and const keywords, i have seen so far. Thanks Sir :)
Thanks :)
I really enjoyed the video and understood all the concepts related hoisting and issues of constants
It was very helpful sir ....... explanation was clear and perfect....
Your unbelievable man.... Straight up unbelievable. God has blessed us with hell of a JS Guru. I wont take this blessing for granted. Unbelievable should be your nickname brotha. Keep up the amazing work.
Thank you for watching! :)
your tutorials are art int itself
Best simple n most understandable concept .....
Thanks for your simple explanation, this really means you understand what you're talking about, keep going (Y).
Awesome example with simple explanation and presentation
Thanks for watching Pramod!
Thnaks Respected Sir 🤗 Lot of Love from PAK
Keep on learning brother and thanks for the kind comment.
thank you for covering this, its really clear out everything i want to know. So near the end of the video when you declare the var y = 2 outside the function expression even though inside the function it already had the console.log for y before we initialize the y with 1 so thats when the hoisting kicked in rather than the lexicial scope rule where every outer environment can be accessed inside function so in this case the hoisting just declare the variable y and not initialize any value for the variable y so in this case undefined. So far i think javascript is the only language that one declare a variable in a global scope you can literally use it almost any where, javascript function is also an object itself. It would be nice to see you explain about the scope chain and closure🤔🤔But keep up the good work bro
I do have a video on both scope chain and closures. you can check it out. Thanks for watching!
Mr T Sith, so clear, so useful, so thank you!
Great explanations, your video made hoisting much easier to understand:)
Thanks for watching! :)
Simple and perfect explanation. Thanks Sir.
Your videos are so informative keep uploading new videos
Well explain so easy to understand, thank you so much
felt happy after seeing the video, doubt cleared
Best in business , fantastic to say the least▶️
Thanks Prasad for watching and an Awesome comment.
Very clear and intelligent explanation! Thank you! 💡 👍🏻
yes bro
Really a great tutorial , I have ever seen.
Thank you. This video has been really helpful. I learnt new things......
Glad it was helpful! Thanks for watching!
great explanation about the scopes. Thanks
so simple and informative ❤👍🏻 thank you
awesome video sir....just one advice i want to give you please put this video in top of this playlist...as i started watching your playlist and in above videos you have used "let" then for finding difference between var and let takes a lot of time...but after watching this video i get completely understand the difference between these two...once again thank you so much...waiting for more videos :)
very nicely defined, pls keep on doing advanced JS topics incl arrow fn etc.
salman , I have tones of topics on JS inducing arrow functions and advance JavaScript. please check it out. THanks for watching!
you are good resource to learn js
It's amazing, The way of representation is awesome.
Thanks for watching ! :)
Nice explanation..keep doing the good work
Effective Vedio for learning ✅
It's during the execution context, the JS engine will store all variable and function declarations in memory. Every function creates its own execution context and memory bank. That's why you can call/evoke a function before it is defined, because that declaration has already been stored. ;-)
yes, perfectly explained. :)
Who... Who... Would dislike this great video XD... The condition could be they didn't want to learn anything XD ....
Great explanation as always!
Thanks buddy. I appreciate the comment. Thanks for watching!
Superb !!! Please do some videos on JavaScript common patterns
I do have plans for that. Will start making them soon.
the best place to look things
Best explanation.
Super Clear! Thank you!
Great video buddy, cleared my doubts.
this is the best video on that subject. i think you should do some udemy curses so you will se some money of your work!
Thanks . I am thinking of building a udemy course.
Great work... keep it up 💪😄😃
Thanks for watching buddy
Great explanation. Thank you!
Glad it was helpful! Thanks for watching!
This was so clear and helpful! Thank you!!!
Thanks for watching Catherine! :)
Thanks for this tutorial! You did a great job!
Thanks for watching!
Excellent Video. Keep up the good job
Thank you Sir for clearing concepts !!
This helped me understand hoisting thanks alot :)
Can you please explain the second part where you assign 2 to var y and then if you comment out the other assignment to the same variable the console.log would display 2.
great explanation, thank you.
whenever create any variable with var keyword it will be added to window (dom) object directly so it will be available in that particular context var is like global variable. var v; console.log(window.v);-->u will get undefined not an error
Very helpful tutorial....
That was clean sir. Thank you
Thanks for the video. Can I know the difference between lexical scoping and function Closures?
lexical scoping means variable defined outside the function is available inside. Function closure is , when a function uses a variable defined outside because of the lexical scoping, it will hold it inside a thing call closure ( internally) , so if you return this function it will persists the value where ever its used. I do have few tutorials on it. one is called closure, another is function chaining and there is also a tutorial on function mixins which uses closures.
nice video it's really helping to me thanks sir , have you done any video on design patterns in javascript sir?
I am using design patterns in many places. Here are some of the videos.
call, apply and bind: ua-cam.com/users/edit?o=U&video_id=AYVYxezrMWA
Decorator pattern: ua-cam.com/video/_8wOde1fmEM/v-deo.html
Factory Pattern: ua-cam.com/video/DpGuDFK4xss/v-deo.html
Your videos are Vader Level!
the best way to explain the dark side of JavaScript :)
Well explained, thank you. Is there ever a usecase where you would rather use var instead of let?
You should not use 'var' at all . its anipattern.
Thanks I use const or let instead, from experience though has there been a usecase where var is preferred to let. Im assuming no?
yes use let or const , and never use var.
Thank you, well done on making such a good video!
Merci beaucoup. C'était très clair :)
Merci d'avoir regardé :)
:)
So you speak French?
Little bit. Few years ago, I stayed in Paris for few months. That's when I learnt french.
Interviewer : do u watch techsith
Me: yes
Interviewer : you are hired
I hope that did really happened :)
I have mentioned ur channel in the interview and got to know that interviewer also follows u🤪
Best tutorial! Thanks
Thanks for watching Gia:)
clear example. thanks
Yep this was in my interview today lol.
Hope you answered it correctly. . :)
@@Techsithtube not quiet, I was not too clear about the var behavior in functional scope vs block scope. Now I am much more clear on this topic thanks to you. I also watched and liked your setTimeout with var and let, that was the exact question she asked. I am also making videos on my channel about tech interviews, I think the best way to learn is to teach. Now I am more confident to go to any UI interviews because as far as I know, scope questions always come up and now I should able to explain the weird behavior of var.
Very nice video.
Thank you very much!
Thanks great tutorial
Another thing with var and let is:
var x = x; gives you a variable x with the value of undefined
but let x = x gives you Uncaught ReferenceError: Cannot access 'x' before initialization
at whateveryourfileis.js:whateverthelinenumberis:whateverthecolumnnumberis
Great Video. Thanks 😊
Thanks for the video. Is var still used often? Or is everyone using let and const now?
I think you should only use let and const. now that most browsers supports it.
Awesome tutorials...
You're amazing .. thank you
ДЯКУЮ!!! It is "Thank you" in Ukrainian!
धन्यवाद in hindi. Thanks for watching!
Ur the best
Thanks Ankit for a an awesome comment
nice Explanation
can someone explain the interview question ? why is y not 2 ? because of hoisting ??
I think 'let' do hoisting but it doesn't assign to default value undefined. it assign where the developer declared. I might be wrong though
Great Video.
hey..@techsith
what are uses of varaible hoasiting ..
There is no use of variable hoisting its one of the side effect of functional scope .
good one
Looking for more videos on cloud
Good one, thanks
Uhm. Are they really garbage collected? How does function factories work then? doesn't function factories return a reference of an object that was created inside the factory?
Thank you so much!
Thank you.
Really help me :) Thank you
Thanks for watching :)
Nailed it
thank you
great
Thanks!
Awesome!
thanks for watching! :)
Let is also doing hoisting
If (true) {
Console.log (y);
Let y= 1;
}
O/p undefined
there is diffrenct between undefined and "not defined error" here you are going to get an error which means that when the line console.log(y) executes there is no y. so it will give an error like "can't access lexical declaration `y' before initialization" Now, in case of var where hoisting happens there wont be an error , the value of y would be undefined.