Lexical scoping and Closure | chai aur

Поділитися
Вставка
  • Опубліковано 1 гру 2024
  • Visit chaicode.com for all related materials, community help, source code etc.
    #javascript #hindi
    Sara code yaha milta h
    github.com/hit...
    Discord pe yaha paaye jaate h:
    hitesh.ai/discord
    Instagram pe yaha paaye jaate h:
    / hiteshchoudharyofficial
  • Розваги

КОМЕНТАРІ • 436

  • @vikasmaur1206
    @vikasmaur1206 Рік тому +143

    0:00 Introduction
    1:55 Reading the MDN docs
    3:23 Lexical Scoping
    14:00 Closure
    18:09 Practical Implementation

  • @momlifevlogging
    @momlifevlogging 2 місяці тому +16

    I have never never understood the basics of these things like closures, lexical scoping and data structure etc. but this guy deserves hats off.... literally you need a gold medal for teaching in such an awesome way. i am first time commenting on any youtube coding video.

  • @muhammadadil-or3kb
    @muhammadadil-or3kb 8 місяців тому +5

    0:00 Introduction
    1:55 Reading the MDN docs
    3:23 Lexical Scoping
    14:00 Closure

  • @prakharsinha4145
    @prakharsinha4145 Рік тому +72

    trust me sir! you will be known forever for this Javascript series! The Best on the planet!

    • @chaiaurcode
      @chaiaurcode  Рік тому +53

      Abhi to bs shuru hue h 😁

    • @aqdusali8507
      @aqdusali8507 9 місяців тому +1

      sir, when second part comes?@@chaiaurcode

  • @shubhamkumarjha9192
    @shubhamkumarjha9192 Рік тому +18

    0:00 Introduction
    1:55 Reading the MDN docs
    3:23 Lexical Scoping
    14:00 Closure
    18:09 Practical Implementation
    very very helpful playlist Thank you so much sir for this Premium course on javascript for free..

  • @NaumanMalik-e2e
    @NaumanMalik-e2e 7 місяців тому +11

    I tried many videos and channels for closures but finally I found this guy. Thank you so much sir

    • @chaiaurcode
      @chaiaurcode  7 місяців тому +8

      Happy to help🤗☕️

  • @abhishekkumargupta543
    @abhishekkumargupta543 Рік тому +9

    I have not shared your videos links to anyone but I have recommended many friends to watch your videos . if they don't know any topic and try to ask me then I use to say "AAGAR AAP NE CHAI AUR CODE PE HITESH SIR SE PDE HOTE TO MERE SE NHI PUCHTE ", No doubt you are super. keep making videos and get motivated . I started watching your videos 3 years back but i was never serious but now I am int the stream. Once again thank you sir.

    • @ExploreSciFi
      @ExploreSciFi 6 місяців тому

      apana poura dimage lagaya ha
      mein bhe yahhe karuga insh'ALLAH

  • @sudiptobose8296
    @sudiptobose8296 4 місяці тому +1

    13:07 you are the best. baki youtubers k video ko dekh kar samjh nahi aya but yeh video dekh kar mere atma ko santushti mil gaya.

  • @Codewith_ammu
    @Codewith_ammu 2 місяці тому +1

    Ab Jake Maine aapko subscribe Kiya hai sir . Meri Jo aadat hai pehle dekhta hun uske baad believe karta hun 😅😅. Aapki playlist kafhi achi hai aur mujhe mja aaya aur maine aapne berojgar dosto ko bhej diya hai aur unko motivate bhi kar diya hai aur aapki playlist jarur dekhenge. Thank you so much Sir 🫡🫡

  • @anilray9419
    @anilray9419 11 місяців тому +3

    Aaapko hirday se naman hai prabhu......aapse to interview dene wale hi nahi balki interview lene wale ko bhi sikhna chahiye....aapka video to mai dekhta and like share karta rahta hu but ispe to aapne comment likhne ko majbur hi kar dia

  • @AbhishekKumar-cd4gg
    @AbhishekKumar-cd4gg Місяць тому +1

    yeah definetly sir it is one of the good examples of closures but still we can do the same task with the help of arrow function also
    here the code
    const orange = document.getElementById("orange");
    const green = document.getElementById("green");
    orange.onclick = () => clickHandler("orange")
    green.onclick = () => clickHandler("green")
    function clickHandler (color) {
    document.body.style.backgroundColor=`${color}`
    }

  • @ImSRJY
    @ImSRJY Рік тому +75

    यूट्यूब पर कोचिंग का खेल तो चलता रहेगा, कोर्स आएंगे, जाएंगे.. कभी फ्री बनेंगे कभी पेड लेकिन ये चाय और कोड रहना चाहिए इसका बेशकीमती जावास्क्रिप्ट का कोर्स अमर रहना चाहिए। ❤❤

  • @VishalYadav-kp5cp
    @VishalYadav-kp5cp Рік тому +2

    Thank you so much sir
    Javascript ki Sabse best series provide krne ke liye
    Maine puri series follow Kiya jisse mujhe javascript samjh aane laga aur ab kudh se project bhi bana leta hoon....
    Again Thank you so much sir 🙏

  • @TheSuyash08
    @TheSuyash08 7 місяців тому +1

    Hitesh ji In this lecture you have explained this two topics very easily. The topics which sounds very difficult, you made it look very simple with awesome example. Thanks a lot

  • @AnnoyedBeachChairs-pk8jm
    @AnnoyedBeachChairs-pk8jm 18 днів тому

    very very helpful playlist Thank you so much sir for this Premium course on javascript for free..

  • @ibcer.shubhamsinghbadabusi7586
    @ibcer.shubhamsinghbadabusi7586 3 місяці тому +1

    1.5x me bhi ek hi baar me samajh aa gaya. waah kya chai hai haha. Thank you so much sir..

  • @razashah7881
    @razashah7881 10 місяців тому

    Sir very nice. aapney bilkul desi method me samjhaya to samajh aa gai otherwise mujhe 7 din ho gaey hen me isee topic par hi phsa hua tha. aksar videos or blogs me bohat mushkil examples di jati hen jo samajh me nai aaten.

  • @muhammadarslan78676
    @muhammadarslan78676 Рік тому +1

    This is the best explanation for closures ever, Thanks man

  • @Dev-Phantom
    @Dev-Phantom 10 місяців тому +3

    application of this Lexical scope was totally new for me. very intersting

  • @ShaheenNkhan
    @ShaheenNkhan 8 місяців тому

    Woww amazing. What a crystal clear explanation.
    Thank-you so much sir.

  • @sanantakumarrath1775
    @sanantakumarrath1775 Рік тому +1

    I don't see any video , but just came to learn about closure , and Hitesh sir's teaching is ABSOLUTEBEAUTY, and he teach me how to read documentation that most important thing for me

  • @Razzaq69
    @Razzaq69 8 місяців тому

    yes i watched few other videos before this, lekin my concept got cleared when i watched this video. Thanks Hitesh Sir 🙂

  • @VikashSingh-hc6zo
    @VikashSingh-hc6zo 11 місяців тому

    Simple Crisp Clear now i know about closure and lexical scoping.Thanks a lot Hitesh SIr

  • @pratikbidve8316
    @pratikbidve8316 Рік тому +3

    Badhiya aaisa sikhayege to koi bhi sikh jayega coding.

  • @SarveshKumar-08
    @SarveshKumar-08 Рік тому +2

    00:03 The video will cover two interesting topics: closure and lexical scoping.
    01:47 Understanding closure and its access to outer function scope with MDN docs.
    05:36 Lexical scoping does not allow access to variables declared inside a function in the outer scope.
    07:55 Inner functions have their own execution context and share memory with the outer function.
    11:51 Understanding Outer and Inner Function.
    13:37 Explanation of lexical scoping and its significance. Detail explanation of closure through an example
    17:32 Lexical scoping and closure return the entire lexical scope of a function when a complete function is returned.
    19:14 Using onClick event and changing background color in JavaScript
    22:27 Understanding the difference between a function and a reference to a function.
    24:03 In Summary Functions have access to variables defined in their outer scope.
    Closure allows a function to retain access to variables from its lexical scope

  • @Vcoder23
    @Vcoder23 5 місяців тому

    Mini project based lexical scoping and closure example was cheery on the cake!!!!!

  • @muhammadyaseenakhtar7789
    @muhammadyaseenakhtar7789 6 місяців тому

    Concise and crystal clear.. Awesome, Thanks ❤❤❤

  • @relaxingmusic8781
    @relaxingmusic8781 Рік тому

    Here I got Cristal cleared the concept of closure
    Thank you so much sir 🙏🙏
    Your way of teaching is awesome

  • @mayeshafairuz
    @mayeshafairuz 9 місяців тому

    Kya shamjhaya sir, kya hi intelligence hy bhai, mza agya! Thank you soo much!

  • @sujalbhandari2334
    @sujalbhandari2334 4 місяці тому

    finally i understood the lexical scope thank you sir for being here to teach us. love from nepal

  • @Tech_Life_2.0
    @Tech_Life_2.0 Рік тому +3

    13:40 laxical scope completed awesome 🎉🎉

  • @Sanjuuu242
    @Sanjuuu242 2 місяці тому

    Thanks alot for this course sir, best js course in youtube and mainly you never get bored

  • @AbheyKhurana-tc6be
    @AbheyKhurana-tc6be 7 місяців тому

    Best explanation of Closures with example💯

  • @Sneakingmentor
    @Sneakingmentor Рік тому +1

    Ek baar mein samak aagaya. Thnx Hitesh sir.

  • @jast_aryan-13
    @jast_aryan-13 11 місяців тому

    Sir aap hr concepts ko practical examples se explain krte usse bhut ache se samj ata thanku sir for thi series😊❤️

  • @abhishekkumar-v5s2s
    @abhishekkumar-v5s2s 3 місяці тому

    best teacher ever seen in my coding phase escpecially in mern stack

  • @BhavnaChoudhary-gg1ge
    @BhavnaChoudhary-gg1ge 5 місяців тому

    I have watched many channel for javascript but the way you explain all the concepts...i have really became fan of ur teaching style... Hat's off to you 🙌🙏 @chaiaurcode

  • @nrp853
    @nrp853 Місяць тому

    very intresting teaching style...wow sir☺👌👌👌

  • @Vyadav.
    @Vyadav. Рік тому

    one of the best lexical scope and closure video ... maza aaya

  • @erratumfoe4882
    @erratumfoe4882 2 місяці тому

    FINALLY completed the series. This series of yours gave me confident to more dive into JS environment. I believe if I came across this masterpiece a year ago, It would've been a great investment. Thank you sir💗

  • @balvantbiharichaprajila3673
    @balvantbiharichaprajila3673 10 місяців тому

    The best part of video is
    ki ye parents child bhai bhai ke example se jo ye aapne sikhaya hai
    mereko nahi lagta ki ham isko bhulenge

  • @roshanrawat0110
    @roshanrawat0110 8 місяців тому

    Finally 2nd time completed whole series
    Thank You so much @Hitesh sir for such an amazing playlist 😍😍🤩🤩😇😇

  • @srikarravoori124
    @srikarravoori124 3 місяці тому

    The best tutorial on the internet ever!

  • @nadeemakramansari1331
    @nadeemakramansari1331 10 місяців тому

    You are giving a great content for free. Hats off to you brother. Now I know what is lexical scoping and closures.

  • @muhammadkamran3948
    @muhammadkamran3948 9 місяців тому

    Amazing sir . i have watching many videos about lexical scoping and closure but I can't understand but sir after watching yours videos now I realize that its very easy

  • @Instrumentation010
    @Instrumentation010 10 місяців тому

    What a practical explanation, I don't have words to appreciate your work.

  • @premlenovo3098
    @premlenovo3098 Рік тому

    koi bhi problem ho solution is always our ❤ hitesh sir
    sir apke samjaneme ek calmness hai

  • @rajanbhai5043
    @rajanbhai5043 4 місяці тому

    1:55 Reading the MDN docs
    3:23 Lexical Scoping
    13:33 Closure
    18:09 Practical Implementation

  • @MeenakshiBisht-wz9rs
    @MeenakshiBisht-wz9rs 4 місяці тому +1

    Thank you sir for this amazing series 😊

  • @refrigerationairconditioni4655

    yes deal done and thankyou for in depth js series lane k liye maza aa gya 90 % plus improvement in my js skill thankyou so much again and again

  • @BitFire007
    @BitFire007 8 місяців тому

    "Chai aur Code, you've created a masterpiece with your JavaScript tutorials. Thank you for your brilliance!"

  • @ShivamSrivastava223
    @ShivamSrivastava223 Рік тому

    The best explanation of closures and lexical scope, thank you sir

  • @pranav5273
    @pranav5273 Рік тому

    Hindi mai sikkh na is a superior way of learning, thank you Sir ji!

  • @umarnoor7417
    @umarnoor7417 Рік тому

    Awesome explanation for that last part "lexical scoping" in coloring background!

  • @developer_dhanji
    @developer_dhanji 4 місяці тому

    Revise after 4 month and this time understanding is mindblowing

  • @MuhammadMasood-p9r
    @MuhammadMasood-p9r Місяць тому +1

    Lexical scoping completed at time stamp 13:30

  • @Vishal_0841
    @Vishal_0841 10 місяців тому

    Here is something different from other creator who doesn't give proper example of closures they only say closure is created when a function is defined inside another function and allowing inner function to access variable from outer function's scope. AS Well as they give simple example of lexical scope for understanding which is really tough for understanding this topic. But you nailed it guruji 👏

  • @computerduniya-cs9tg
    @computerduniya-cs9tg Рік тому

    ye only course hi nhi ye to js ka Ramban course h jisne chai or code se padh liya wo to bhul nhi sakta Thanks for hitesh sir chai or code will growth soon

  • @siddheshshiposkar6815
    @siddheshshiposkar6815 10 місяців тому

    very well explained.
    Thanks for such kind of explanation

  • @RohitChhabirajYadav
    @RohitChhabirajYadav Рік тому +2

    finally koi yt ki playlist Finish kiya first time in my life

  • @omaewamoushindeiru3303
    @omaewamoushindeiru3303 5 місяців тому +1

    25:40 so here's the explanation and my understanding of this particular example ---
    The onclick here requires a reference of a function so that it can call it when the click event occurs on corresponding button, we always pass reference in this type of situation to prevent the function to get executed immediately.
    But the problem is we can't just pass the reference of the function because as we know it requires the color in the form of parameter and we are noy storing the reference in variable like structure such as let refHolder = clickHandler; so we can't call the refHolder later with the color parameter later in code such as refHolder('blue').
    In reality, we are giving the reference to onclick which doesn't have an in built functionality or human intelligence to call this clickHandler with argument based on the button.
    So now we actually have a tiny war between onclick() demanding a reference and clickHandler(color) which demands to be called with a parameter only otherwise error.
    Now in order to fullfill the demand of bith entities, we can we will indeed call the clickHandler() with color parameter passed ( demand fulfilled ) but at the same time we will do something that a reference is given to onClick function ( which it strictly demands ), we will return reference of an inner function which does the main work or logic( demand fulfilled ) ( Very important thing to note here is this could not have been achieved without the feature of lexical scoping )

  • @SameerDeadline
    @SameerDeadline Рік тому +4

    Lexical scoping 00:01 to 13:45

  • @BiswajitJena-n1t
    @BiswajitJena-n1t Рік тому

    Best Closure and lexical scope Explanation sir😇

  • @048_shashishankar8
    @048_shashishankar8 8 місяців тому

    this is a hepl full series and first impresive series in UA-cam for free thanks sir

  • @shadikhusain1216
    @shadikhusain1216 Рік тому

    Sir abb to jitni bhi videos aa rahi hai sabb deshi ghee mil raha hai. 😂 saara maal abb last mai mil raha hai JS ka.prr abb chai aur code pe subscriber bhi toofaan ke saath chal rahe hain aage dhamaal machega esi playlist pe.Thank you @Hitesh Sir regularity ke liye.❤

  • @nageshkarle1218
    @nageshkarle1218 8 місяців тому

    Super Sir, 4 mobiles in my home so i have subscribed 4 times also i have subscribed office mail id too❤ thank you soooo much sir , i have not shared your videos links to any one but i told to lots of pepole that if you want to learn javascript then you watch the video of chai or code channel

  • @meraqsam-kashi
    @meraqsam-kashi Рік тому

    i see bundle of lectures on this concept but u r the best kia bat hy app ki to

  • @AnshuKushwaha-xz8di
    @AnshuKushwaha-xz8di 3 місяці тому

    aaj dhire dhire krte krte pura series dekh aur sikh liya

  • @biswajitnayak5216
    @biswajitnayak5216 5 місяців тому

    0:00 introduction
    1:55 Reading Mdn docs
    3:23 Lexical scoping
    14:00 closures

  • @ArunChauhan-f4y
    @ArunChauhan-f4y 5 місяців тому

    0:00 introduction
    1:55 Reading the MDN docs
    3:23 Lexical Scoping
    14:00 Closure..

  • @arifnaikwadi1838
    @arifnaikwadi1838 4 місяці тому

    Chai piyo coding karo.....sir bahot badiya samajh me aa gaya.

  • @utkarshdixit4611
    @utkarshdixit4611 4 місяці тому

    Thankyou sir for making this playlist ❤❤

  • @akroyalmaker
    @akroyalmaker 6 місяців тому +1

    finally javaScript Chai is ENDDDDD...☕☕❤❤

  • @tech_channel110
    @tech_channel110 Рік тому

    kamal kr diya ap nay
    behtareen in depth lecture

  • @RagSingh-e2e
    @RagSingh-e2e 9 місяців тому

    best Series ALL OVER THE UNIVERSE, thank you Sir 🙏

  • @m_sahoo12
    @m_sahoo12 2 місяці тому +1

    Now I have confidence to learn React 😀😀

  • @priyanshukumar6679
    @priyanshukumar6679 6 місяців тому

    I am revising and literally no one explained like you ❤

  • @hrithikgupta1809
    @hrithikgupta1809 Рік тому

    Want more Videos on JavaScript like this !!!!😍

  • @shyam_soni99
    @shyam_soni99 10 місяців тому

    "Hats off to Hitesh sir for his exceptional mentorship in the JavaScript series - truly inspiring! 🎩"

  • @jagatkrishna1543
    @jagatkrishna1543 Рік тому +1

    Thanks 🙏 SIR ❤
    Hannnji
    Hindi main aap ka voice bahat hi achha lagta hai.

  • @Arnav404
    @Arnav404 6 місяців тому

    Lexical scoping ensures that:
    1) Functions have access to variables defined in their own scope and in any parent scopes.
    2) Variables are not accessible outside the scope they are defined in, preventing unintended interactions and potential bugs.

  • @usmanahmad9847
    @usmanahmad9847 Рік тому +1

    Sir, hmara safar saathme kaafi acha rha lots of love from my side❤.
    M js ki series apni yhi khtm krrha hu plan to thaa aapse pura react,nodejs,and more n more pdhne ka but now m apni ek nyi journey shuru krne jaarha hu i am goint to start from C then C++ taaki core knowledege haasil hoske.
    Bye sir❤

    • @chaiaurcode
      @chaiaurcode  Рік тому +3

      Journey kahi b chale, gyaan kahi se b lo, aate jaate milte rhna chai pe. 😁

    • @usmanahmad9847
      @usmanahmad9847 Рік тому

      inshallah😆@@chaiaurcode

  • @Priyanka-bd6um
    @Priyanka-bd6um Рік тому

    My so many myths broken today related to closures, Thank you sir

  • @junaidmuhammad6096
    @junaidmuhammad6096 7 місяців тому

    Sir Scoping ke andar apne samjahay aht Icecream ka example deke ab lag rha hai ke best javascript series ever 💌💌

  • @farmanali6349.channel
    @farmanali6349.channel 8 місяців тому +1

    13:35 Closure

  • @endgame3842
    @endgame3842 Рік тому +2

    Arey sir ek hi to dil hai kitnee barr jeetogai...

    • @chaiaurcode
      @chaiaurcode  Рік тому +4

      Aap linkedin pe share hi itni baar kr rhe ki aur videos bnane ka mn krta h

    • @endgame3842
      @endgame3842 Рік тому +1

      @@chaiaurcode sir Tagg kra hai aapkoo...
      Finally completed 50/50 videos with complete understanding and with notes as well proper practice

  • @GauravKumar-ui7ow
    @GauravKumar-ui7ow 3 місяці тому +1

    14:00 lexical done

  • @ashishpatil50
    @ashishpatil50 9 місяців тому

    when i see first lecture i feel lecture is going very slow , but after some days this is a way to learn something

  • @Cmunx
    @Cmunx 11 місяців тому

    Thank you sir ❤.. maza aya apke sath smoothly js padh paya 🤌

  • @poojaer2907
    @poojaer2907 9 місяців тому

    Thankyou so much sir for this after watch this video my closer concept perfectly clear thanks.🙏👍

  • @iswinnyx
    @iswinnyx 7 місяців тому +1

    13:39 lexical scoping is completed

  • @himalalynrhs4405
    @himalalynrhs4405 4 місяці тому

    you are god of javascrript sir!

  • @SuryaKarigar
    @SuryaKarigar Рік тому +1

    Lexical scope is everywhere. All functions can access global variables. However variable or properties declared inside a scope is generally not accessible by the parent or global scope. I think the window itself is a function. I found it pretty early, but still, I hesitate to state this. Hitesh Sir if you're reading this comment then please correct me if I'm making any mistake.

  • @aladdin_885
    @aladdin_885 8 місяців тому

    thanks sir for this series. today, I completed this series 😊😊

  • @PoojaRawat-gy3qm
    @PoojaRawat-gy3qm 6 місяців тому

    thank you so much sir for this JS series.

  • @satyamtiwari5075
    @satyamtiwari5075 Місяць тому

    lexical scoping from 3:00-14:00
    rest from 14:00 -closure

  • @sabirpathan430
    @sabirpathan430 Рік тому

    Always good video same as good quality and high energy

  • @Dev-Phantom
    @Dev-Phantom 8 місяців тому +1

    best example for interview

  • @nharish5965
    @nharish5965 8 місяців тому

    sir i liked your speed of teaching, love u sir

  • @ManishKumar-i3k6m
    @ManishKumar-i3k6m 12 днів тому

    Sir mujhe laga closures tuff topic hai ye to bada aasan nikala