THIS and arrow function in javascript | chai aur

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

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

  • @Peaceinhills
    @Peaceinhills Год назад +261

    iam telling you this guys is giving very deep knowledge and discussing minors things which would help in projects and other people skips these concepts ,thank you sir keep it up

    • @chaiaurcode
      @chaiaurcode  Год назад +66

      Thanks for appreciating

    • @user_abhigupta
      @user_abhigupta 6 месяцев назад +4

      Well, the way you summarised, use of return, in {},
      And no return in (), is amazing ❤

  • @KashishKumar009
    @KashishKumar009 Год назад +71

    This man is the 🐐 GOAT.
    The way sir makes us understand is so good.
    Now I feel proud on choosing web development.

  • @b088mohdzaid5
    @b088mohdzaid5 10 месяцев назад +12

    Sir you’re amazing I have never seen the concept of “this” keyword anywhere. Before I was confused about why we use “this” keyword in every place, but now I fully understand that. Thank you you’re amazing teacher. May Allah guide you to the right path.

  • @045shots
    @045shots 2 месяца назад +2

    function jab bhi create hote hai toh unske sath execution context bhi create hota hai or this keyword yaha javascript ke window me runs hota jiske under multiple methods vagera hoti hai or function ka scope ko objects ke scope se refer karne ke liye hum this ka use karte jisse ke functon window ke onjects ko use kar etc

  • @IqraMubeen.sheikh
    @IqraMubeen.sheikh 2 месяца назад +3

    18:04
    Summary:
    Normal Function:
    this dynamic hota hai aur depend karta hai ke function kis tarah call kiya gaya.
    Arrow Function:
    this lexical hota hai aur function define hone wale scope ke this ko inherit karta hai.

  • @MuhammadWaqas-eb1uu
    @MuhammadWaqas-eb1uu 11 месяцев назад +4

    Thanks sir I'm from Pakistan.. I learn about 2 year javascript but Your Javascript course in depth mind blowing. And Clear concept.😍

  • @garimaverma3852
    @garimaverma3852 3 месяца назад +4

    Love u sir ❤ apki vjh se concept ache se clear hore h jha merko paid courses m b ni hore the

  • @avipatel7106
    @avipatel7106 9 месяцев назад +2

    Nobody has ever given me a clearer explanation of explicit return and implicit return. I am working on react for almost a year and a half now. And always got confused about this topic. Thank you for making an amazing video, Hitesh sir.

  • @shubhmishra1546
    @shubhmishra1546 4 месяца назад +5

    Abdul Bari sir, Gate Smashers and Hitesh Sir
    God level teaching ❤❤

  • @irfanullah2910
    @irfanullah2910 Год назад +11

    "I can confidently say that this course is truly the best! The content is well-structured, engaging, and delivered in a way that makes complex concepts easy to understand. The instructor's expertise is evident, and their passion for the subject matter shines through in every lesson. The interactive elements and practical exercises not only reinforce learning but also make the entire experience enjoyable. I appreciate the attention to detail and the clear effort invested in creating a course that caters to learners of all levels. Kudos to the team behind this outstanding educational resource!"
    Please start react also

  • @lalitpanwarseo
    @lalitpanwarseo Год назад +5

    Mai naam nhi le skta.. baki channel se bhi JavaScript ka ratta lga chuka tha.. .. ....bt samajh es playlist se aayi....... aur confidence bhi aagya.. .. Dhanyawad dil se... Chai aur code 😊😊

  • @AmitPandey_10
    @AmitPandey_10 Год назад +12

    5:03, "sam" isliye print hua because aapne object ko modify kar dia (heap memory me stored value ka reference milta hai), agar ham this.username ki jagah user.username bhi karte tab bhi hame same output milta. btw love you hitesh>>>

    • @AtulKumar-iy9iw
      @AtulKumar-iy9iw 5 месяцев назад

      but the keyword is const, how the username is changing because const is not changeable i think ??

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

      ​You know that we declare/assign array with const but still we were able change the value i read on w3school that const keyword is misleading however I don't know in this scenario maybe it could be same​
      (And sorry for the grammar mistake:)@@AtulKumar-iy9iw

    • @muhammadsalmanhassan7544
      @muhammadsalmanhassan7544 2 месяца назад

      User name change nhi hua reference change hua Hy iska agr ham pury object ko change karny ki Koshish karty to error ata.kuky object are non primitive.hope I will give you right answer ❤

  • @dharmeshtanwar218
    @dharmeshtanwar218 6 месяцев назад +2

    sir you are really a good teacher who made their students understand the logic behind the code with practical approach, Now after watching your videos I really have a sense of confidence that I will crack the interview, A great salute to such a big teacher like you, my fav teacher in youtube familly tech education

  • @saqibullah7286
    @saqibullah7286 Год назад +4

    Aiisa explanation tho premium courses m b nahi milta ... jazkaAllah Sir for teaching us in such away in free.❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️

  • @rameshkumar-cj9lu
    @rameshkumar-cj9lu 3 месяца назад

    Your way of explaining is most unique, more understanding in less words and this is the identity of a Guru.

  • @ravivishwa5197
    @ravivishwa5197 Год назад +5

    I took a course to learn WebDevlopment but I can't understand the tech language which they are using but when I stared your video, I completely understand that what is going on the code, so thank you much for this knowledge.

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

    i'm a backed developer and wanted to learn the frontend just searching on utube for video randomly i choose his video series and believe guys i became master in the java script in only 10 days
    thats a diifrent part i have already 3 +years experience in backed technology that why i did it fast but more is the his explanation this is the best platform for every it enthusiast who want learn the code

  • @deepakmishra96
    @deepakmishra96 Год назад +7

    Bahut Shukriya Sir. There are many tutorials available, and the creators are dedicated to helping viewers grasp the core concepts of the topics they cover. However, many tutorials struggle to simplify the material at its core. You, on the other hand, have effortlessly achieved this. I cannot thank you enough for your efforts! 🙏🙏🙏

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

    Honestly i want to say that this is one of the most "interesting"course..... usually when i learn from other courses i get bored easily, but with your course , I feel so confident and curious. Bow down to you dude!

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

    Maza aya aur is main jo maza hain main sabko dena chahata hu. Such in depth exploration. Loved it.

  • @NikhilSharma-hh6hq
    @NikhilSharma-hh6hq 6 месяцев назад

    I just can't thank you enough, I was getting so confused with arrow functions but your video as always cleared all my confusions. You are one of the best teacher indeed.

  • @adarshmaddheshiya4413
    @adarshmaddheshiya4413 9 месяцев назад +1

    I was very confused in this topic while learning react, but after watching this videos, all my doubts is cleared now, Thank you sir ji...

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

    You explain things in great depth, Thank you so much sir!😇

  • @maha33612
    @maha33612 Год назад +10

    Your indepth explanations are quite amazing It clears the concepts completely✨ please bring react js series also sir✨

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

    The 'this' keyword inside a function refers to the object that the function is a property of or the object that the function is called on. However, the behavior of the this keyword inside an arrow function is different from regular functions.
    In an arrow function, the this keyword is lexically scoped, meaning it takes on the value of the this keyword in the surrounding code. The this keyword in an arrow function does not get rebound when the function is invoked, unlike regular functions. It keeps the same value as the this keyword in the surrounding code.

    • @atulmishra1517
      @atulmishra1517 11 месяцев назад +1

      Better explanation than this 20 min video🥲

    • @maihu2464
      @maihu2464 11 месяцев назад

      Bro, tell me one thing should I follow this course , I have watch and made notes nall.. yr kuch jagah pe kaafi vague explanation h .. for e.g in this video he literally didn't tell that this in arrow is lexical this and in regular function this refers to its object if it is property of one or else it refers to global window

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

    this is the best place to learn java-script, i am glad i found this channel on youtube

  • @jyotishman3178
    @jyotishman3178 8 месяцев назад +1

    sir the way you deliver content is just amazing, please start a series on vanilla css also

  • @ayush.tiwarios2105
    @ayush.tiwarios2105 3 месяца назад

    00:02 Arrow functions are a new feature in JavaScript introduced in 2015.
    01:53 Understanding the use of 'this' keyword in JavaScript
    03:55 Understanding the usage of 'this' in JavaScript
    05:51 Understanding the current context in JavaScript
    07:53 Inside the browser, the global object is the window object.
    09:51 Understanding how to declare functions in JavaScript
    11:48 Arrow function in JavaScript allows for a concise syntax.
    13:52 Implicit return in JavaScript functions
    15:43 Using explicit return in JavaScript
    17:37 Arrow functions in JavaScript

  • @CodeByRekha
    @CodeByRekha Год назад +13

    Hey hitesh..this is first time in my life I'm commenting any youtube video...chai ki toh choro code aapne aisi banayi he ki chai Thandi v ho jaye code se bahar nikalne ka Mann ni karta...BTW could not stop myself without appreciate your work.. I was stuck in js but you cleared all my concept in js...BTW I want your react and node js mongodb and express series..

    • @chaiaurcode
      @chaiaurcode  Год назад +7

      Thanks n bilkul, backend to confirm hi aayega. I enjoy that part the most

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

      Thanks sir 🙏

  • @DEEPAKKUMAR__ECC
    @DEEPAKKUMAR__ECC Месяц назад +1

    15:28 {} use karoge to return likhna padega
    {} nhi use karoge to return nhi likhna

  • @banatharun_74
    @banatharun_74 7 месяцев назад

    Even in function we can get...using this keyword
    Like when we use
    console. log(this. Username )
    Inside function and when the function is called... We can get that username value....
    In current node version

  • @vivekgupta_3085
    @vivekgupta_3085 10 месяцев назад

    This Course is free with this much explaination !! Even the paid would not teach like this

  • @Dev-Phantom
    @Dev-Phantom 10 месяцев назад +1

    the best lecture available on youtube, indepth knowledge, very helpful in react. Thanks for make this video and today you broke the myth about the difference between normal function and arrow function.

    • @chaiaurcode
      @chaiaurcode  10 месяцев назад

      You are most welcome😊☕️

  • @shadikhusain1216
    @shadikhusain1216 Год назад +12

    Abb chai aur code mai maja aa raha hai kyoki daily chai bhi mil rahi hai aur code bhi mil raha hai. Yaani consistency bani hui😂❤🎉👍🙏

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

    Great JavaScript course! Your explanations are clear and easy to follow. Thanks for making learning so enjoyable! 🌟

  • @Rohit-v5m7y
    @Rohit-v5m7y 2 месяца назад

    Very helpful series. Thank u sir for making such content .....❤

  • @AkhileshYadavOnly
    @AkhileshYadavOnly 6 месяцев назад

    One of the best Javascript series found on youtube, very well explained, thanks Hitesh sir..

  • @sagarbiswas5689
    @sagarbiswas5689 6 месяцев назад +1

    Thank you sir for providing us in depth knowledge😀

  • @yashprajapati5806
    @yashprajapati5806 4 месяца назад

    definitely the best series on javascript on youtube

  • @bhaimohsin
    @bhaimohsin 11 месяцев назад +2

    "A Good Teacher can produce many good students, but a good student can not become a good teacher!"
    Thank you Hitesh Sir for this priceless content. I love learning from you.

  • @suyashjain3223
    @suyashjain3223 6 месяцев назад +1

    Great Explanation!! 🔥🔥 Enjoying This series.

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

    wow, amazing sir Literally i want to say this everyone says harry videos are really the best but I wanna say you are more than that as you teach with the perspective of projects and give deep knowledge. Allah makes you really happy !!!!! true herooooopooooooo

    • @MuhammadArslan-px1sm
      @MuhammadArslan-px1sm Год назад +3

      harry bhai ki vides basics ya beginners k liye best hn. But sir Hitesh ki videos technical understanding k liye best hn.

  • @4MV922
    @4MV922 5 дней назад

    Thank you so much sir, you made this series very interesting ❤

  • @babarshabbir2554
    @babarshabbir2554 6 месяцев назад

    "Master 'this' and arrow functions in JS! Engaging video, clear explanations. Highly recommend!"

  • @Unknownspicesfacts
    @Unknownspicesfacts 10 месяцев назад

    i have never seen this type of quality i have taken paid courses as well but there content not like you thank you so much for your efforts sir i have no words for your efforts , you just created hindi channel for those who have a difficulty to understand english
    thank you once again

  • @farzanakhan7208
    @farzanakhan7208 11 месяцев назад +1

    this is best series of javascript on youtube

  • @soumyadippal8010
    @soumyadippal8010 3 месяца назад +1

    const addTwo = (num1 , num2 ) => {
    return num1 + num2
    }
    console.log(addTwo(3 , 4 ));
    Ans : 7 (Thala for a reason)
    😁🤪

  • @neetuchaurasiya5207
    @neetuchaurasiya5207 7 месяцев назад

    Its really very helpful and I was interviewed... Interviewer asked all these concepts but I was left blank and now I wonder why I didn't watch these videos earlier.

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

    Definitely my fav and the best teacher out here in my opinion. Thank you so much!

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

    Bhaiya you are giving the most indeepth knowledge. In paid course I have not been taught with this keyword for arrow function

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

    after c,c++ ,and little bit of mcroprocessor concept ,it is easy to undestand such concept,

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

    Implicit return
    To implicitly return an object make sure to wrap it parentheses

  • @abhishektiwari7857
    @abhishektiwari7857 7 месяцев назад

    Thank you for your in-depth knowledge, here I learned how to give extra value to code 💓💓💓💓💓💓

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

    kuch hoisting aise padhate hain jaise lgta hai kya to toppp hai....Hitesh makes it like cake walk...Simplicity and depth at the same time is core of this course

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

    first time THIS ka concept clear hua h, thanks alot sir

  • @VARUNVERMABCE
    @VARUNVERMABCE 11 месяцев назад

    That was a very nice in depth explanation. Thank you very much sir I really love these in depth discussions. I'll proceed to watch all your videos now

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

    this course is Pure Gold 🌟 !

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

    Discussion was in depth...thank you sir😇

  • @aayushprinja1070
    @aayushprinja1070 10 месяцев назад

    whenever I hear chai at my house "Aur code" echos in my head, The level of this series is top notch... hats off!!

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

    two things :
    1. please add the number in your vdo title along with thumbnail , its hard to keep track
    2. start DS as your teaching style is awesome

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

    Sir vaise to arrow function clear hai but fir bhi aapke videos se kuch na kuch extra to milta hi hai 😅😅😄😄

  • @shubhrajitghosh616
    @shubhrajitghosh616 7 месяцев назад

    i have seen lots of RUclips videos but that one is beyond the scale.

  • @mahin-os7tl
    @mahin-os7tl 2 месяца назад

    way better explanation then other, keep it up👍

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

    Trust me you are one of the best teacher in the world Gurudev Pta nahi aapko mera comment dikhe ga bhi ya nahi I don't know

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

    sir yar kamal kartay ho ap kasam great explanation very in depth explanation
    i am very happy
    thank you for providing us a world class javascript lecture
    i hope you will keep providing us first class lectures on react ,css,nextjs,typecsript,api,database lectures etc which helps us to become a strong developer .

  • @mr_professor_x
    @mr_professor_x 6 месяцев назад

    Thankyou sir for this incredible lecture.

  • @muhammadahmedsiddiqui9382
    @muhammadahmedsiddiqui9382 10 месяцев назад +1

    Sir every year I refresh my JavaScript Foundations with different random playlist, and I can assure that This is the most professional JavaScript series on RUclips Hindi because of your experience in teaching that is incredible ❤🇵🇰

  • @cybermedia1356
    @cybermedia1356 16 дней назад

    Nice Video Hitesh. this is deeply and knowledgeable video content

  • @KESHAVKUMAR-mb2nm
    @KESHAVKUMAR-mb2nm Год назад

    Mind blowing, you are doing amazing sir, the way you explain the concepts in depth is amazing.

  • @ajayofficial3706
    @ajayofficial3706 10 месяцев назад

    Thank you sir, video is in depth. No doubt sir. I see sir during the Javascript learning. You always keep beginner in our mind, and cover the all doubt. Which one will be create during the learning.

  • @PranavAgrawal-z2p
    @PranavAgrawal-z2p Год назад +3

    Hi Sir, Your series is amazing its clearing all my basics point that needed to be cover in JavaScript can you Make videos on React Native next it will be helpful for me Thanks for the Knowledge.

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

    sir ap ka lecture laina kaa baad ab kisi ki zaroorat ni padha gi well done God bless you

  • @venkat-1710
    @venkat-1710 6 месяцев назад

    we are lucky to have you in our journey sir

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

    Thank You so much Sir,You are amazing. Your indepth explanations are quite amazing It clears the concepts completely

  • @A11-RECORD
    @A11-RECORD Год назад

    Sir thanx bhot he pyaar se samjhaya ❤😂...what a wonderfull calm sweet voice ❤

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

    Thanku so much sir for this JavaScript course..this help a lot to beginner to start😊

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

    Sir ap k jaisa koi indepth m nhi pdta RUclips pr ❤

  • @clickit1507
    @clickit1507 9 месяцев назад

    thank you sir very deep knowledge with simplicity you are have all my respect :)

  • @tusharsingh1915
    @tusharsingh1915 11 месяцев назад

    Thankyou bhaiya for providing this quality content for free..love from ghaziabad:)❤

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

    kaafi kuch sikhne ko mila, Dhanyavad Sir !

  • @mitalimonalisa651
    @mitalimonalisa651 9 месяцев назад

    mind blowing explanation ,thank you sir keep it up.....

  • @jagdambadubey6956
    @jagdambadubey6956 6 месяцев назад +1

    chai ka maza to apke sath hi aata h. 🍵🍵

  • @Pankajkumar-r9q5n
    @Pankajkumar-r9q5n 10 месяцев назад

    Thanks for cleared concept this method.🙏🙏🙏

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

    13:58 .......... The message is clear

  • @Hammad-wp8dm
    @Hammad-wp8dm 4 месяца назад

    Sir i am from pakistan .Great love to your dedication, passion and sincerity for us. Litreally this is top 1st series of js on youtube.

  • @torche6403
    @torche6403 10 месяцев назад

    This was epic!! The explaination and difference between why we use paranthesis and wrap them around objects is great! But Hitesh can you also explain the edifference between this and why we can use this in arrow function ??

  • @sittarashafique3454
    @sittarashafique3454 6 месяцев назад

    Thank you so much for such an informative video 😊

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

    12:00 pr video cut ho gye diff btw Normal and Arrow functn this keyword, kha kya kaam krta h ye clear nhi hua, interviewer kya janana cahata h?? @hitesh

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

    sir found your channel through linkedin and the way you explain things is way better than those soo called bhaiya and didi

  • @ahmedbaig8543
    @ahmedbaig8543 11 месяцев назад

    Great Explanation from Pakistan I really Appreciated your Work Good luck for Future 🙂

  • @vaibhavkadam476
    @vaibhavkadam476 11 месяцев назад +1

    Why This keyword can't be used in Arrow function object Methods but we can use This keyword in function declaration in object Method ?
    const car = {
    model: 'A1',
    dis: 23,
    time: 10,
    speed1() {
    console.log(this);
    return this.dis / this.time;
    },
    speed2: () => {
    console.log(this);
    return this.dis / this.time;
    },
    };
    console.log(car.speed1()); // working giving car obj
    console.log(car.speed2()); // Giving window obj

  • @universalbeats.....8242
    @universalbeats.....8242 7 месяцев назад

    Thank you sir for this best series had made

  • @tarunpanwar6983
    @tarunpanwar6983 6 месяцев назад

    When we not declared return keyword in arrow function compiler implicitly (automatically) adds a return keyword and perform the operation.

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

    thoda this keyword me confused hu abhii

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

    Chai aur Code is like routine now, sir! 😁👍🏼

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

    our mother language hindi is indeed beautiful for learning coding😊

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

    Thanks you so much for fundamental of JavaScript it very helpful for beginner, I am request to you please make a video for promises in depth

  • @MuhammadArslan-px1sm
    @MuhammadArslan-px1sm Год назад

    Hitesh sir, You are the best. Thank you for your JavaScript playlist . Lots of Love 💗☕

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

    i hope you read this. Can you make a video or reply on my question below:
    1) sum(a, b) => { }
    2) let sum = (a, b) => { }
    what is the difference between these two arrow functions? And will it give any error or different output? when to use which one?

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

      first one is a normal arrow function and second one is arrow function expression you can use both

  • @ravhanshafi1298
    @ravhanshafi1298 2 месяца назад

    Why you didn’t discussed more about differences between normal function and arrow function and why “this” works there and not in arrow function. Video seemed to be edited that time.