Differences Between Var, Let, and Const

Поделиться
HTML-код
  • Опубликовано: 9 ноя 2018
  • You have probably watched many different tutorials, and you may have noticed that some tutorials use var to declare variables while others use let or even const. It can get confusing quickly on what the differences are between the keywords, so in this video I am going to be explaining everything you need to know about var, let, and const. I will be going over their differences as well as explaining what situations you should use each keyword.
    If you have any suggestions for a JavaScript topic, please let me know in the comments below.
    Let vs Const vs Var Article:
    blog.webdevsimplified.com/202...
    Twitter:
    / devsimplified
    GitHub:
    github.com/WebDevSimplified
    CodePen:
    codepen.io/WebDevSimplified
    #VarVsLet #JavaScript #WebDevelopment

Комментарии • 207

  • @ianoliver6828
    @ianoliver6828 3 года назад +219

    You have a super rare skill. It's rare to find someone who is both a skilled programmer AND a skilled teacher / communicator. Thank you for your videos

    • @olegfare4625
      @olegfare4625 2 года назад +9

      and Zach Efron level of handsome

    • @sclutzo
      @sclutzo Год назад +2

      Totally agree!

  • @camilafloressanhueza7966
    @camilafloressanhueza7966 3 года назад +152

    OMG!! I had seen 100000 videos whose explanations were extremely complicated, but you explained it in less than 5 minutes!! Thank you very much

  • @Max-nm8ct
    @Max-nm8ct 3 года назад +40

    Mate, I must say, your hair is on fleek!

  • @jthomasaurus
    @jthomasaurus 4 года назад +6

    Another super-clear explanation. Love your video style, brevity, and way of explaining everything. Plain and simple!

  • @AlexTechie
    @AlexTechie 5 лет назад +59

    6:36 I didn't know that. This is why I always watch your videos, even if I think I understand the subject before hand. Great work! 👍

    • @WebDevSimplified
      @WebDevSimplified  5 лет назад +13

      It is a bit counter intuitive based on the name. You can use Object.freeze to create an object that cannot have the properties reassigned, but it will still let you reassign a nested property such as company.ceo.name = 'New name'

    • @AlexTechie
      @AlexTechie 5 лет назад +4

      @@WebDevSimplified thanks for the tip! As I was watching the part I referenced earlier, I was wondering how we would assign constants to the properties of an object, so it's like you read my mind. :D

  • @dorothyglade9087
    @dorothyglade9087 2 года назад +1

    This was great, you speak at just the right speed and your voice is clear. This really helped me and my husband with something in our bootcamp.

  • @dozadetrezire7455
    @dozadetrezire7455 2 года назад +23

    You forgot to say one more thing: when you declare a variable with var keyowrd, this automatically creates a property inside the Window ojbject.. so, if you say for example: var x = 1; and after that you say: console.log(window)... you will see that in the window object you will find the property X with the value of 1. Instead, if you declare a variable with let or const, this won't ceate a property inside the Window object. I guess this was also very important to mention!

  • @TheSlimSh4dy
    @TheSlimSh4dy 3 года назад +11

    Thank you for the clear explanation! Currently, I'm learning HTML, CSS & Javascript and if I don't understand something, I'm firstly looking at your channel to find an explanation. If it doesn't exist on your channel, then I'm searching in other sources. You are a very good teacher, your videos are short, consistent and very clear, without any unnecessary content. Thank you very much for sharing your time to make these videos.

  • @AidanJoyce
    @AidanJoyce Год назад +2

    Would like to say, well done and thank you for a clear and concise explanation of the similarities, differences and when to use, Var, Const and Let.
    Watched other videos and without doubt, you nail it better here with both explanation and example.
    Will be watching more of your stuff as this was a great measure stick for the quality of teaching.
    Keep up the great work.

  • @pooja6380
    @pooja6380 Год назад +1

    learn so much important points and the actual difference ....thanks a lot

  • @pratikthorat3480
    @pratikthorat3480 2 года назад +1

    This is the best explanation I've ever seen. I do know the differences yet I learnt something new

  • @santra528
    @santra528 4 года назад

    This is complete explanation of let vs const vs var I have ever seen. Thanks Kyle 😊

  • @youareuglybuti
    @youareuglybuti Год назад

    Thank you man, was struggling to understand these basic concepts. You are a lifesaver.

  • @raaghavendrahm4883
    @raaghavendrahm4883 3 года назад

    I am just starting with JS and I was stuck with this like hell. You made it so clear. Thanks a lot!!

  • @jorgefrias7889
    @jorgefrias7889 Год назад

    Amazing explanation. Simple and straight to the point. Thank you!

  • @moonlightCR7
    @moonlightCR7 Год назад

    Thanks a billion, Kyle for explaining the difference among these keywords.

  • @tonic.9234
    @tonic.9234 2 года назад +1

    I never knew var worked like this, and I've been using Javascript almost daily for over 2 years. I always assumed it worked like let because I have a background in other programming languages and assumed it's scoping worked the same. So wild! Thanks for the clarification!

  • @rohit9969171579
    @rohit9969171579 4 года назад +11

    It was very crystal clear explanation thank you.

  • @thecoderabbi
    @thecoderabbi 3 года назад +1

    Thank you very much Kyle, This is great. Very explicit. I think I would begin using the 'const' instead of the 'var'
    Thanks ✌️

  • @baliyachtservices7505
    @baliyachtservices7505 2 года назад

    I was wondering just that! Thanks so much

  • @borislavaborisova7274
    @borislavaborisova7274 Год назад

    Thank you! This video was very helpful. Just what I needed.

  • @nessparadis6948
    @nessparadis6948 Год назад

    Great video. Succinct, clear to understand, and I learned a lot. Thank you.

  • @guillaumedupont2902
    @guillaumedupont2902 3 года назад

    This was SO helpful. Thank you so much!

  • @sadhappy8860
    @sadhappy8860 8 месяцев назад

    Super clear explanation, many thanks

  • @gqntexas
    @gqntexas 2 года назад

    Great great explanation.. you always here that the differences is the 'block scope' and then wonder, well, like within an if or for loop, but nobody else ever says that...

  • @dsvhs93
    @dsvhs93 3 года назад +1

    Whenever Kyle comes out with the JavaScript class that he is working on.... I am purchasing it. He is awesome! Thank you Kyle!

    • @WebDevSimplified
      @WebDevSimplified  3 года назад

      Thank you for the support! I start recordikg tomorrow!

  • @dacfniel5442
    @dacfniel5442 4 года назад

    You are the best teacher on RUclips.

  • @ev_dash
    @ev_dash Год назад

    Your videos are helping me out alot! Thank you ❤

  • @injector6926
    @injector6926 2 года назад

    Best Web Development I seen evrr

  • @shantanukulkarni8883
    @shantanukulkarni8883 Год назад +6

    Basically, _let_ is _var_ done right.

  • @user-se6ct5zu2f
    @user-se6ct5zu2f 2 года назад

    huge thanks for the explanation, only you made it clear to me!

  • @therealbrucewayne24
    @therealbrucewayne24 Год назад +1

    Yes I did learn something thank you very much man it was hard for me to understand this but you explained it in like less than 10 minutes lol you have a good day too :)

  • @bujjivenkateshwarlu6942
    @bujjivenkateshwarlu6942 3 года назад

    Hey thanks. earlier i had confusion about block scope and Function scope. Now its cleared.

  • @JEffinger
    @JEffinger Год назад

    Thank's bro that was a really clear explanation.

  • @B3ASTM0DE1
    @B3ASTM0DE1 5 лет назад +8

    This video came just in time. We are going through Javascript and JQuery right now in my bootcamp!

    • @WebDevSimplified
      @WebDevSimplified  5 лет назад +3

      I'm really glad to hear. If you run into anything that confuses you in the bootcamp feel free to let me know, and I can try to help or make a video on the topic.

    • @B3ASTM0DE1
      @B3ASTM0DE1 5 лет назад

      @@WebDevSimplified Awesome will do!

  • @sagarioharvey6910
    @sagarioharvey6910 Год назад

    Web dev here in the PH. "Man I love your videos, your making a great impact" //awesome

  • @coderbhai4832
    @coderbhai4832 2 года назад +23

    1)Declaration Let variable in a {} block scope can't be access outside of it
    2)let name = value1, let name = value2, can't redeclare let twice
    Instead of this should be written name=value2;
    3)let can be change it’s value const can't as it is constant but it can change its object value.🙃

    • @chalk1007
      @chalk1007 2 года назад

      yeah, I was a little confused aswell but this video was made in 2018

    • @dozadetrezire7455
      @dozadetrezire7455 2 года назад +1

      You forgot to say one more thing: when you declare a variable with var keyowrd, this automatically creates a property inside the Window ojbject.. so, if you say for example: var x = 1; and after that you say: console.log(window)... you will see that in the window object you will find the property X with the value of 1. Instead, if you declare a variable with let or const, this won't ceate a property inside the Window object. I guess this was also very important to mention!

  • @JonasGavenas
    @JonasGavenas Год назад

    Great lesson!
    Thank you, perfect explain.

  • @michaelmaloy6378
    @michaelmaloy6378 Год назад +1

    Whenever I see that face, I know useful information is coming my way.
    Simple, clear, and very helpful. Thank you as always!

  • @aisana99
    @aisana99 Год назад

    thank you :D you shared more differences than my constructor in my Full-Stack Bootcamp! Will subscribe and watch all other videos of yours

  • @wr1818
    @wr1818 2 года назад

    thankyou for all the amazing explaining!

  • @videospromoter5884
    @videospromoter5884 4 года назад

    Checked 10s of video and this video told me hmm you understand this now . say thanks to him :) Thanks Dude

  • @somtovitus
    @somtovitus 3 года назад

    Best video on this topic

  • @derickbank1064
    @derickbank1064 2 года назад

    Thank you for the explanation. Well explained. !

  • @user-yi4zd6gh5h
    @user-yi4zd6gh5h Год назад

    great explanation. TY!

  • @weligamage1
    @weligamage1 2 года назад

    Clear and concise, Thank you

  • @mirzashowvik564
    @mirzashowvik564 Год назад

    Great video !!!
    Love it

  • @khisus20
    @khisus20 2 года назад

    This is truly simplified

  • @kazeemalatishe3828
    @kazeemalatishe3828 2 года назад

    Thanks a lot. You explain things really well.

  • @hoakeen
    @hoakeen 2 года назад

    Awesome tutorials! Thank you!

  • @oceanmind1793
    @oceanmind1793 2 года назад

    You made it so clear. Thanks a lot

  • @nobitalazy9791
    @nobitalazy9791 2 года назад

    you are a rare gem my friend!!!

  • @jimilittle
    @jimilittle 2 года назад

    That was awesome. Thank you

  • @tiltify2393
    @tiltify2393 2 года назад

    finally I understand the difference, thanks man A LOT

  • @andreastewart6133
    @andreastewart6133 2 года назад

    Helpful. Thank you.

  • @priyanshugupta7614
    @priyanshugupta7614 Год назад

    thank you your explanation was very clear

  • @monireachtang712
    @monireachtang712 3 года назад

    very clear explanation! you are awesome!

  • @RS-nz6rn
    @RS-nz6rn 3 года назад

    Thanks for clarifying.

  • @tinpham6413
    @tinpham6413 3 года назад

    Love your channel

  • @theNikijspictures
    @theNikijspictures Год назад

    Really good explanation, for beginner level - if reading info only in text (with no visual examples), it gets confusing quickly on this topic. Cheers😉

  • @mayorb37
    @mayorb37 Год назад

    You make a wonderful work 👍👍👍👍👍 thanks

  • @pashashyba5006
    @pashashyba5006 2 года назад

    Quite easy to understand. Thanks

  • @FredRosa
    @FredRosa 3 года назад

    Great tutorial, thanks!

  • @sandybathwater8385
    @sandybathwater8385 2 года назад

    So simple, thank you so much! If I search for something and see your face in the results, I am saved. :)

  • @shresthsrivastava27
    @shresthsrivastava27 3 года назад

    Awesome explanation !

  • @jankiramulu
    @jankiramulu Год назад

    Wonderful explanation.. Than you....

  • @derrick3534
    @derrick3534 5 лет назад +5

    man you are teaching the things that are not widely discussed which is why i am going to subscribe. You have a true gift of teaching in simple terms. i enjoy your channel, especially the tutorial on promises

    • @WebDevSimplified
      @WebDevSimplified  5 лет назад +2

      Thank you! I try to cover the topics that I know confused me or other people I know, because those will be the most helpful for others.

  • @tomschwrs
    @tomschwrs Год назад

    Great Video!

  • @hanntongfong1226
    @hanntongfong1226 3 года назад

    Great work! 👍

  • @robertoriosmorales7528
    @robertoriosmorales7528 2 года назад

    awesome explanation

  • @ihaseeb_khan
    @ihaseeb_khan 4 года назад

    Thank you bro, really helpful :)

  • @53strat55
    @53strat55 3 года назад

    Solid video!

  • @vikasnigam9646
    @vikasnigam9646 2 года назад

    Gr8 explanation.

  • @andyarellano7474
    @andyarellano7474 2 года назад

    Thank you so much bro.

  • @sebnargeurbrok1374
    @sebnargeurbrok1374 3 года назад

    well explained, thanks!

  • @placeholder_name321
    @placeholder_name321 3 года назад

    so so simple. Finally.

  • @redpadweb
    @redpadweb 2 года назад

    Thank you so much.

  • @letsgetto1millwithoutvids
    @letsgetto1millwithoutvids Год назад

    Good video finally understand and I could have used var for something I needed instead of saving it to local storage and grabbing it after 🤦‍♀️

  • @EyeIn_The_Sky
    @EyeIn_The_Sky 3 года назад +2

    Good old Java script, Let (no pun intended) us introduce "const" that does not allow for re-assigning to avoid human error so that it is "constant" except when it's not...

  • @agaming7888
    @agaming7888 Год назад

    thanks for this now i know what to do 👍👍👍👍

  • @aadityakiran_s
    @aadityakiran_s Год назад

    I came from C#. It's pretty simple there. Use var for what you wanna change, const for what you don't wanna change; variable and constant. Simple language for simple people.

  • @johanledel1407
    @johanledel1407 4 года назад +1

    Thank you!

  • @surendergaini3365
    @surendergaini3365 Год назад

    GOOD explaintion

  • @jousufjacob8251
    @jousufjacob8251 2 года назад

    you are the man ,!

  • @kamalsyed4237
    @kamalsyed4237 4 года назад

    loved it! Thanks.. Const, Let, Var .. it is :)

  • @elkootje
    @elkootje 2 года назад

    Thank you.

  • @vikumravinayake1882
    @vikumravinayake1882 3 года назад

    Problem solved
    Thank you very much. Ur a good explainer....

  • @langgs
    @langgs 5 месяцев назад

    THNX!!!

  • @itsshafayat6378
    @itsshafayat6378 Месяц назад

    someone get this absolute master a stellar coding setup i.e a better keyboard

  • @halofreak644
    @halofreak644 3 года назад +1

    You the real MVP

  • @themixmaster
    @themixmaster 2 года назад

    thanks a lot man

  • @kushagraraj3163
    @kushagraraj3163 Год назад

    you r jordi of webdev !!!!!!!

  • @stuartgreen5217
    @stuartgreen5217 4 года назад

    Been building sites for 30 years and always avoided JS due to pre jquery experience. Am now taking the time to relearn JS and node while I’m at it and I have to say I’m regretting not doing this sooner. I’ve been programming in C# php Perl VB and JS is a peace of cake by comparison .

  • @ruslankovalov8292
    @ruslankovalov8292 3 года назад

    Thanks God we have you to explain this!! thanks!! A lot! A mean that)

  • @user-ui3ic2fo4j
    @user-ui3ic2fo4j 3 года назад +1

    you are amaizing

  • @RMNSH99
    @RMNSH99 4 года назад

    Thanks Kyle

  • @graphic-nations
    @graphic-nations 3 года назад

    thank you alot

  • @deepkar9794
    @deepkar9794 2 года назад

    thanks kyle

  • @simiyutube
    @simiyutube 4 года назад

    Thanks!

  • @NedumEze
    @NedumEze 3 года назад +1

    I love your approach so much. Thank you.
    I do have a fundamental problem though. Maybe you can consider making video of it. It is this:
    When I create an external JS file, and I have in it, codes like functions, etc in it, only the first code or function works!
    What should I do to ensure that different codes intended to fire at different Listeners, in the same file, work?