16.1: let vs var - Topics of JavaScript/ES6

In this video, I cover the "let" keyword in ES6 JavaScript. I discuss the differences between "let" and "var" (block scope vs. functional scope).
Video on "const": • 16.2: const - Topics o...
Support this channel on Patreon: / codingtrain
To buy Coding Train merchandise: www.designbyhumans.com/shop/c...
To Support the Processing Foundation: processingfoundation.org/support
Send me your questions and coding challenges!: github.com/CodingTrain/Rainbo...
Contact:
Twitter: / shiffman
The Coding Train website: thecodingtrain.com/
Source Code for the all Video Lessons: github.com/CodingTrain/Rainbo...
p5.js: p5js.org/
Processing: processing.org
For an Intro to Programming using p5.js: • Start learning here!
For Coding Challenges: • Coding Challenges
Help us caption & translate this video!
amara.org/v/dXl2/
📄 Code of Conduct: github.com/CodingTrain/Code-o...

[@pierrem2983]

i learned programming & javascript thanks of you Dan because i wanted to do generativ art, now i'm a web developer it's my full time job, thank you :)

[@khw9082]

Would you mind telling me how long it took? I am learning as well.

[@r_u_p_d9776]

@@khw9082 if you practice daily it would take only 1-1.15 months to master JS (only);

[@khw9082]

@@r_u_p_d9776 thanks a lot

[@r_u_p_d9776]

@@khw9082 no problem buddy.

[@Bayo106]

@@khw9082 lol this is not true. Even javascript developers with 5 years experience have not mastered Javascript

[@DavidBadilloMusic]

"A variable should have the smallest scope that is needed." I like that.

[@crehenge2386]

European concortium of mango loving astronauts, sounds reasonable xD

[@sck3570]

Lmao

[@MarkAhlquist]

Mangonauts!

[@irrelevanceuk]

😆

[@leeloohad]

When I'm down I watch Coding train videos and the sun shines again :) Thanks for being such an awesome human being and teacher!

[@theanthologist9567]

Love your stuff, Dan! You're becoming my go-to resource, whenever I'm confused about a concept. Keep up the good work!

[@jackhales6179]

This doesn't have to be re-done as you said in the video, this is nice honestly, there are so many boring programming videos on the web that the enthusiasm really helps, similar feelings to CodeCourse :) Keep it up man, 10/10

[@goncalopedro9054]

By playing around with var and let I kind of got the idea of how it worked but once you explained that "hoisting" term, things really got clear and I remembered what my high school programming teacher used to say regarding C++ and Pascal: "If you're going to declare something, do it at the top of the file!". That really clicked in my brain once you explained what hoisting was :D Keep up the good work bro. You're killing it!

[@dankang06]

Awesome video -- your breakdown of the differences between var and let was perfect. I love the energy too. Thanks!

[@jermainebrayne437]

this was perfectly explained, love the energy!

[@JanneWolterbeek]

This is actually very informative AND entertaining/funny. That is unique, not many have this talent. Makes learning much easier for people like me! Thanks!

[@nicksmeta]

Wow, amazing! Your explanation style is so verbose (in a good sense) that I can just listen to many of the videos, while doing chores and stuff, and understand the ideas being presented. Simply marvelous!

[@franksimon8375]

Yeah I do that

[@VantageVibesWorld]

man you are funny and also explaining in good detail at same time. i love this kind of presentation. thank you.

[@gagangupta1255]

Awesome video - very clearly defined the diff between var and let !!

[@TheCodingTrain]

Thank you!

[@jojojawjaw]

Crystal clear explanation of the difference, thanks a lot! ♥ I've been using var all my life (more like for the few months ago), thinking that the variable is limited to its block like C++ and Java, after watching this, I was like what!

[@mattgraves3709]

Exactly the same issue I have with scope, I learned how to program with Java and think in the same fashion. You are a great teacher! Thank you

[@roltthehunter]

Great video, i just started coding, in JS coming from a background in C++, and and i mostly learned to code JS from mini bootcamp that used ES6 and now i am going back and doing intro courses, and a lot of them use var and stuff and write in in concatenated strings over just using a template string, i much prefer the ES6 stuff and i am glad i learned it first.

[@bearded-cat]

I am learning JS on free code camp now and you explain things so well its surprising easy for me to fill out challenges. thanks a lot and please keep making more videos! its a shame that i havent found your channel earlier

[@ciwanye2291]

This guy made me love programming through his lessons thanks man !

[@joshua_tobler]

That was actually super helpful. I'm graduating from Google Apps Script to real Javascript and doing some game and graphics coding for the first time, and this explained > 25% of the language barrier I was encountering.

[@thechenoutdoors3050]

best video out there explaining let vs. var!

[@theantibeta]

ECMAScript === European Computer Manufacturers Association Script

[@BloodyScythe666]

I think that'd be single equal since triple equal will compare those two and will return false :P

[@theantibeta]

Right, but, did you see that decorator '

[@BloodyScythe666]

Fair enough!

[@hishammubarak3421]

Thank you

[@sharank]

I dont know. It looks like dickbutt to me

[@nikeethamusic330]

Love the way you simply even the most complex topics!!

[@sowmyavijayakumar9766]

Wow..this is excellent stuff..i have been wracking my head over let vs var for a while and I finally get it!

[@vivekraj9875]

Happy teachers day Dan,😘😘,,, You're the best teacher I've ever seen... And You're attitude towards teaching is just Awesome 😀😀

[@JackFlashTech]

This is really interesting. I had thought that it was some kind of optimization around declaring constants and variables that could change as functional programming became more fashionable. Thanks.

[@mrshurukan]

Awesome video! Thanks, now I'll use "let" as well, because I'm used to think about "block scope" and not "function". Very interesting stuff, thanks a lot!

[@ga7853]

You are magnificent, and the way you made your videos is unbelievable fantastic, I have not seen anyone pro or regular who made such good videos that are pleasant to watch like you did, like if I'm sitting in a great school, Thank you a million for your great way of explaining and for those wonderful great videos that made learning fun.

[@tyfooods]

I reaaaaaallly like your videos and teaching style. Keep on keeping on!

[@MegaARYARAJ]

Interesting JavaScript tutorial..this is the best video I got till now about the differences between var and let..

[@Evuce1000]

Not boring at all! Love your lessons!

[@lleytonmorris6305]

thank you so so much. you started using let a while back and I asked my qualified friend to explain why and it didn't make sense other than they had different use cases... der. after listening to this video it makes absolute sense and i will 100% be using let for, at least, my for loops. your videos are my biggest inspiration and I am just so glad that through whatever round about way, you are able to explain to me at least how all these abstract things work.

[@TheCodingTrain]

Thank you!

[@sharpfocus9572]

Hoisting and Nested loops is an nightmare for many people I think , you are an excellent teacher , your way of learning us is fantastic , the class table's explanation is the key to success , many greetings my friend !!

[@heksqer1022]

This was a great video !! This had me confused for a loooong time !

[@ky-effect2717]

Thank you! This is exactly what I was looking for and very well explained.

[@WistrelChianti]

Thanks so much for this. I had been wondering and had been meaning to find out at some point but your examples were superb to effectively demonstrate the difference. Amusingly I'd never realised that "for (int i = etc" in C++ only had i in scope inside the loop. I mean it makes sense but I was never consciously aware of it. I guess I rarely tried to re-use the counter outside of the loop, or if I did, I guess I must have fixed it on auto-pilot without really thinking about it properly.

[@jorge88824]

The first time I've watched a video from this channel I was thinking "what is wrong with that guy?". After the ending of the first video I've realized how good Dan's explanations are. Since then I'm following his videos and enjoying the way of braking difficult concepts into small pieces. I've learned a lot about JS and found answers of a lot of questions I've asked myself. Keep going, man! 10x for creating this amazing channel and being a person you are! Greetings from Bonn, Germany.

[@bunderland]

There is nothing wrong with him :) He has a great personality.

[@luismuzquiz1400]

Very entertaining explanation. Thanks!

[@MrFLAWl355]

YES! promises and promises chaining PLEASE!

[@martin-xq7te]

Very well explained. I am starting out with Javascript so a good piece of timing for me. Ive also looked at your video on Genetic Algorithms in P5.js. If viewers have not seen that its well worth a look. If you have a pdf of that video I would buy it. Keep up the good work

[@hassanshahzad3922]

He is the one of the best presenter i have seen in my life.

[@rdscleaners]

Love your videos and explanations of topics so everyone can understand :)

[@ritikkhatri]

That was a very nice explanation!!

[@emmakent3681]

Awesome, thank you! Best explanation for this that i've read/watched. Sidenote: when i was running the example where 100 was expected, i was getting undefined. I needed to run setup() after, so that part stumped me for a bit. function setup() { for (var i = 0; i < 100; i++); } console.log(i); } setup() // ;)

[@Messirobben047]

I wish all the teachers in colleges were like you. Amazing Skill.

[@Zen-lz1hc]

This was one of the most entartaining video that I watched on `let` and `var` pretty fun, thank you :)

[@UnknownUnknown-tx1jc]

Great tutorial. It really helps when I don't feel like reading documentary. oh I guess why they didn't think about modifying the var to be block scope is because many websites still uses var. If they would have change it some websites, would have been broken and you could imagine the problems that would stur up. By the way block scope is really cool

[@footballarena6562]

i started learning python but stopped to learn js because of this channel. I love the way you teach and your contents.

[@tobiumevolume9890]

Amazing video, would have saved me thousands of lines of code if i had informed myself about let before ^^

[@tobiumevolume9890]

Yaay, i got a heart :D

[@BloodyScythe666]

thank you for the explanation. wondered for quite some time now what's the actual difference and why to use it instead of var. you could have probably put the const explanation inside this video. 12 minutes isn't too long and it would be all in one place. other than that, great video, dan!

[@rrutter81]

You present in a very entertaining way. One thing you missed was lexical scope with let vs var. Think setInterval method. I tripped up an interviewer on this when they were looking for a closure answer. subscribed

[@TheCodingTrain]

Thanks for the feedback!

[@Karlponken]

Great explanation! Thanks for this video!

[@sandeepvk]

I don't use JS anymore but I am subscribed because you are so much fun to watch

[@justgaming3794]

Love your stuff Daniel

[@julians.2597]

"let" is a keyword frequently seen in functional programming languages, which JS is slowly inching closer to becoming at least a language that allows for fully functional code.

[@orki974]

This it, "function scope", that's the root of the evil I feel about JS, that's why I feel so bad about it. It's also the main reason why I generally don't understand where a value comes from when I read JS : thank you very very much. I'm a C++/Clojure/Rust etc programmer and this is a major difference between JS and other languages in the world that distinguish JS! I completely understand why you prefer "block scope": you're a sane person, and I like that

[@stifflery]

over 9000 blessings to you sir for explaining this.

[@SpencerDavis2000]

great video. I didn't even know what block scope or function scope was, just knew it was different and tricky. Now I know. thank you so much. Subscribed! looking forward to more of your videos :-)

[@playerthree5742]

Great example! sometimes errors can be good news as well !

[@iq0578]

I have always used let, but I didn't know why until now :)

[@LawZist]

exactly what i was looking for . now i know the differences

[@HarshTalpada]

Daniel, you are always off track. But that is the best part of your way of teaching. Getting off track is indeed necessary for making learning an easy task. Get off track as often as you can, and people will still love you. I just wished you were here in Melbourne. Would have definitely learned all this from you in person.

[@TheCodingTrain]

would love to visit Australia someday, have never been!

[@Sleepytj007]

Thank You for sharing your knowledge.

[@ades3967]

Fantastic explanation of Hoisting in JavaScript!

[@darkthrongrising5470]

This is actually really good to know.

[@kaunjovi8350]

Does hoisting happen in case of let also? Or any similar transpiling on let keyword before the interpreter can actually work on the instructions?

[@bearded-cat]

wow thats so well explained! thanks a lot you have new subscriber now

[@thecowbox]

Daniel shiffman: Legend. I tell everyone this.

[@mahyarazad]

Man, I love your style. It's heuristic 😎😃

[@vishnuumakanthan9583]

Very informative video , Thanks a Lot!

[@leonardgarthbrooks]

This might sound like an odd question, but why can't I find this playlist on the Coding Train main KZbin site? In fact, there are a few tutorial series that I can't seem to directly, including the p5 Sound one. Am I missing something?

[@rayanfernandes2631]

thank you dan.... you opened my eyes.... i googled about this and all it shows is both are seemigly the same .... u can use anything... also in p5js there the var declared in setup() cannot be reffered or used in draw()

[@keen123]

Very helpful! Thanks Dan!

[@Loppy2345]

This video is a gem.

[@joushwashahzad2341]

Best Explanation ever on Let

[@StrangeComments]

You explained this very well

[@sumer9999]

You are awesome , so are your videos

[@AmirAli-kj5bm]

thanks, really helps me a lot

[@thehumbledprogrammer8833]

nice video sir! you made my understanding clear!

[@TheCodingTrain]

Glad to hear!

[@aymanafzal]

A new subscriber... Great explanation

[@alialrahem9817]

Very clear thank you for the video

[@maremmaladra292]

Great work, you are the best: keep It on!

[@cheeeeeeeeezer151]

Thanks!

[@dearnobitaa]

European Computer Manufacturers Association (ECMA).

[@cm_dev]

This video was fantastic.

[@eandresrodriguez]

Best teacher ever!

[@boozer69n]

Great explanation, thanks for the video. =)

[@Engineer9736]

Very informative video. Browsers should communicate this to the developers via the console. “Var is deprecated blabla please use let” or so.

[@chang112x]

thx. Finally someone explained to me.

[@vishverma9899968908]

Awesome video, although was laughing throughout the video, but understood the concept clearly. Thanks

[@TheNewGreenIsBlue]

let was likely used because it's often used as a keyword in functional programming keywords for a long time. It's also used in mathematics to assign values to algebraic values. In terms of linguistics, you're asking the compiler to "please *LET* x *equal* [value]".

[@zemalex89]

Great video!

[@sergiyrudenko905]

Great video!!! Thanks a lot!!!

[@martin_orue]

Excellent! Thank you!

[@Kafka8233]

So finally I understand the difference between let and var

[@dertyp6833]

2:54 - 3:00 Aaaaaaaaaargh!

[@evhwolfgang2003]

So with let and var, the variable is typeless or dynamically typed?

[@vincesanchez7790]

Let is useful :) Thanks man Now i get it

[@gabrielscoville1548]

"I'm soooo behinddd BTW" lol. thanks for the video though, very informative.

[@nurharizulaimanmatharith4023]

Nice explaination

[@mournmey2606]

You are very interesting tutorial

[@petrospetrosyan1414]

What's the difference between using “let” and “var”?