Javascript Prototype inheritance Explained ( tutorial Part1)

Поділитися
Вставка
  • Опубліковано 16 січ 2025

КОМЕНТАРІ • 221

  • @MuhammadHasan91
    @MuhammadHasan91 8 років тому +54

    I love this tutorial... finally i understand prototype! :D

    • @Techsithtube
      @Techsithtube  7 років тому

      Glad you got it. Thanks for watching!

    • @puvaasam
      @puvaasam 5 років тому

      @@Techsithtube hope you took this content from JavaScript 16 sexy

  • @alexshnyrov8090
    @alexshnyrov8090 5 років тому +3

    The best explanation of JavaScript prototypes I've seen. Thanks a lot!

  • @funkyvibes77
    @funkyvibes77 6 років тому +8

    excellent explanation ! this is the best tutorial on protoypes JS.

  • @alexkozyrev82
    @alexkozyrev82 7 років тому +2

    Thank you! I think I get it now... After 5 other tutorials where guys talk about for 30-40 minutes, you explain it quite simply in 10 minutes. Thank you.

  • @eldhosevj9924
    @eldhosevj9924 5 років тому +3

    Today is the day I understood what prototype property is
    Thanks

  • @SuryaIsSurya
    @SuryaIsSurya 4 роки тому

    You have simplified prototypical inheritance, a thumbs up !!!

  • @codecobber1107
    @codecobber1107 7 років тому

    Brilliant, simply brilliant. Thankyou. At last someone who can explain prototype in a clear and easy to understand fashion.

  • @woestmab
    @woestmab 9 років тому +30

    Great video. I think this was the best explanation that I've seen. You really helped clear up some of the questions I had. Thanks!

  • @mktwatcher
    @mktwatcher 8 років тому +3

    I concur Brian Woestman. I've been searching for the best explanation of JavaScript Prototype and Techsith has produced an excellent video to help me understand without any theatrics. Thank you. This is crux of the power of JavaScript.

  • @mdiqbal4628
    @mdiqbal4628 7 років тому +1

    one of the best video on inheritance, very clear explanation. Awesome , No words.

  • @StarryRamp
    @StarryRamp 7 років тому +3

    Just want to say that these videos are fantastic, man. Thank you.

  • @Brixsta503
    @Brixsta503 7 років тому

    I've watched hundreds of tutorials from udemy, lynda, you name it. You do a good job explaining the material slowly for us laymen to understand. Thank you for the videos.

  • @rsdntevl
    @rsdntevl 7 років тому

    very well explained! Made more sense than a lot of other videos on youtube

  • @sawyerrken8112
    @sawyerrken8112 6 років тому

    Thanks for this brief and to-the-point tutorial on Prototypes. Makes all the sense now.

  • @XRaptureXx
    @XRaptureXx 5 років тому +1

    This was very well said. I was able get it through my head when you compared it to class inheritance. thanks a bunch.

  • @elilastnamington9808
    @elilastnamington9808 7 років тому

    I absolutely love how you explain it in such an intuitive way that makes sense to a human brain.

    • @Techsithtube
      @Techsithtube  7 років тому

      Thanks . this is an old video. I have made some improvement and explained in much more detail in this playlist. ua-cam.com/play/PL7pEw9n3GkoW0ceMeoycg9D00YjPAbtvt.html

  • @sitanshujoshi9190
    @sitanshujoshi9190 6 років тому

    Actual Meaning and How Inheritance working in Javascript, I just got more clear when I saw this. Highly recommended. I don't know he is a developer or who but the way he explains it clear everything about prototype....
    I will see more. Good work.

    • @Techsithtube
      @Techsithtube  6 років тому

      Great You should also check out the full playlist on object oriented programming in javaScript.

  • @Ryeback101
    @Ryeback101 6 років тому

    Great explanation

  • @Llyrian2
    @Llyrian2 7 років тому +1

    Great video. Very straight forward and great examples!

  • @MrPDTaylor
    @MrPDTaylor 6 років тому

    I love the way you say methods!
    I love the channel in general!
    Thanks so much!
    You have been one of my best teachers for JavaScript!

    • @Techsithtube
      @Techsithtube  6 років тому

      Thanks Patrick for the awesome comment. Keep learning! :)

  • @elisolna
    @elisolna 8 років тому

    Man! your tutorials are the most simple explained!
    It seems like the other youtube channels are trying to make it so hard to lead coding.
    Keep up the good work!!

  • @CyrusPieris
    @CyrusPieris 4 роки тому

    Great explanation by demonstrating. Thank you.

  • @joeauby9739
    @joeauby9739 7 років тому +1

    This was a very clear explanation of the prototype chain.. Thank you!

  • @davideugene7911
    @davideugene7911 7 років тому

    Merci beaucoup :)
    Le Prototypage et l'héritage sont superbement expliqués !

  • @AsifMehedi
    @AsifMehedi 7 років тому

    The clearest explanation ever. Thank you.

  • @jgicharu2010
    @jgicharu2010 7 років тому +6

    best prototype tutorial. i finally understand prototypical chain. you shouls make udemy tut on js

  • @thesmileynoob
    @thesmileynoob 8 років тому +1

    Clear and concise. Thank you for the explaination.

  • @anveshreddy3272
    @anveshreddy3272 4 роки тому

    Well explained, it revised my concepts for prototypal inheritance.

  • @steady640
    @steady640 7 років тому

    This was the best explanation of prototype I have ever seen. You made it all so clear. Thank you.

  • @vivek0403
    @vivek0403 7 років тому

    well explained sir...

  • @MrBivanovs
    @MrBivanovs 6 років тому

    the best explanation, many thanks

  • @mostlyfocused
    @mostlyfocused 7 років тому +1

    Easily the most helpful video on this subject, great diagrams man

  • @zihaolin1935
    @zihaolin1935 6 років тому +2

    Thanks for your teaching!

  • @munyafiction
    @munyafiction 9 років тому +7

    great lesson and I think it would be easier if you use names like Car or Person. The single letters make it a bit hard to follow for newbs.
    Looking forward to more videos, thanks for doing them :)

  • @geokinb01
    @geokinb01 8 років тому +1

    An excellent video, I have watched a few on this topic but still had some confusion. This video made many things much clearer. Well done!

  • @ideshmaaerdene-ochir4247
    @ideshmaaerdene-ochir4247 4 роки тому

    Very good tutorial. Thank you

  • @TottiBln
    @TottiBln 6 років тому

    Best explanation, ever! Greetings from Germany, Berlin

    • @Techsithtube
      @Techsithtube  6 років тому +1

      Thanks for watching . Greetings from USA. I do have an entire playlist on Object Oriented JavaScript where I explain prototype inheritance and classes.

  • @jamesgrant5838
    @jamesgrant5838 8 років тому

    Excellent tutorial!

  • @nv557
    @nv557 8 років тому

    Very well explained!

  • @JonnyBeoulve
    @JonnyBeoulve 6 років тому

    Outstanding.

  • @newmagicfilms
    @newmagicfilms 6 років тому +3

    Comments are not enough , support him on patron guys! We want more

  • @mihainagnibeda492
    @mihainagnibeda492 6 років тому +1

    thanks man, your videos are the best, I finally understand some of the tricky concepts of JS that I didn't before

  • @subramaniamananthakrishnan6593
    @subramaniamananthakrishnan6593 6 років тому +1

    Great explanation sir !!!

  • @pradnyas8898
    @pradnyas8898 8 років тому

    very well explained !!!

  • @daveboo7002
    @daveboo7002 7 років тому

    I concur with earlier comments ... I am new to your tutorials, and I really am really getting a lot from your Object Oriented JS and prototype chain stuff. THANK YOU!

    • @Techsithtube
      @Techsithtube  7 років тому +1

      I have a newer series on object-oriented JavaScript. you can check it you from this playlist.
      ua-cam.com/play/PL7pEw9n3GkoW0ceMeoycg9D00YjPAbtvt.html

  • @ga7853
    @ga7853 7 років тому

    Man, that was clear and easy to understand , Thank you

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

    Awesome😍🌹

  • @himbary
    @himbary 6 років тому +1

    I like your calm teaching style, thanks a lot.

  • @victorpinedo5121
    @victorpinedo5121 5 років тому

    Thansk for this information, hopefully do you can still doing videos like this one!

  • @mohamedconde5167
    @mohamedconde5167 6 років тому

    Thanks for these tutorials. I’m DBA and I’m also Java and C# developer but to be honest I had a lot of confusion in JavaScript. I had been looking for a good tutorial on JavaScript where I could fill the gap I had in JavaScript. Each time I develop in C#, whenever I need to do some think in JavaScript I have go to google to find codes, tweak them and use them. But it is best if I can write myself working codes in JavaScript and use them. Your tutorials gave me a lot of insights. Some areas of confusion are now crystal clear. I was looking for some think like your tutorials not the basic things such as variables, functions… I don’t know if you have some advanced and well explained tutorials on JQuery also.
    Thanks

    • @Techsithtube
      @Techsithtube  6 років тому

      Similar to this video , I have a whole series of Object-Oriented JS which you can check it out. ua-cam.com/play/PL7pEw9n3GkoW0ceMeoycg9D00YjPAbtvt.html
      And I also have misc advance topics on JS ua-cam.com/play/PL7pEw9n3GkoW5bYOhVAtmJlak3ZK7SaDf.html
      I don't have any jquery videos. but I believe jquery is just a wrapper to javaScript that allows you to use javaScript selectors well. If you know advance JS you can do Jquery in a jiffy. Let me know if you have any questions.

  • @morrisonx
    @morrisonx 7 років тому +1

    Excellent! it is finally clear. ( Like and subscribed )

  • @alexthomas9779
    @alexthomas9779 7 років тому +1

    Perfect! Thank you so much for your videos.

  • @mustaphag
    @mustaphag 8 років тому

    As always, good job

  • @shivGGG
    @shivGGG 4 роки тому

    Nice

  • @webmaster246
    @webmaster246 5 років тому

    Very profound way described. Enjoyed watching. Thank you Mr. techsith (2019)

  • @glendonphilippbaculio1811
    @glendonphilippbaculio1811 8 років тому

    I'm about to watch this video and I think I am in the right place!

  • @abeprangishvili
    @abeprangishvili 5 років тому

    Finally understand !!!! thank you a lof !!!

  • @chakravarthye
    @chakravarthye 7 років тому +1

    Beautifully explained :)
    Great job

  • @dlouise64
    @dlouise64 7 років тому +2

    You're a great tutor. Thank you so much!

    • @yeeli7989
      @yeeli7989 6 років тому +1

      You're a cute girl. Thank you for marrying me

  • @divya101993
    @divya101993 5 років тому

    clear explanation of the concept, thanks for the video !!

  • @lightspeedlion
    @lightspeedlion 7 років тому +1

    Finally Understood prototypes. Able to write some inheritance using prototypes.

    • @Techsithtube
      @Techsithtube  7 років тому +1

      Do check out my full series on Object Oriented JavaScript. Thanks for watching! :)

  • @muhannadjudah5302
    @muhannadjudah5302 5 років тому +1

    this is amazing man , keep going

  • @hectorkaizenf.v.7224
    @hectorkaizenf.v.7224 4 роки тому +1

    HELLO, why with arrow function makes undefinied?
    x.prototype.getJ = () => this.j

    • @Techsithtube
      @Techsithtube  4 роки тому

      arrow function dont bind to this. which means it takes this from its outer scope and if you dont have outer scope with j. it will give undefined.

    • @hectorkaizenf.v.7224
      @hectorkaizenf.v.7224 4 роки тому

      @@Techsithtube woow thaks for answer

  • @mynameisjimjimjim
    @mynameisjimjimjim 4 роки тому

    Really concise and easy to grasp, thank you!

  • @muhammadsafiullah8428
    @muhammadsafiullah8428 5 років тому

    I loved this.

  • @krzysztofkrawczynski9404
    @krzysztofkrawczynski9404 6 років тому +1

    Great tutorial, thank you :)

  • @jptuser
    @jptuser 8 років тому

    your videos are clear and concise . thanks man.

  • @eddiegere
    @eddiegere 8 років тому

    Great tutorial!!! Well explained! Thank you.

  • @mcoimax4723
    @mcoimax4723 6 років тому

    Great explanation, finally I get prototypes in js, thanks :)

  • @kavithamuthukumar3635
    @kavithamuthukumar3635 4 роки тому

    Each and every tutorial of yours explains the concepts deeply.. and I find it more interesting to learn javascript.. Thanks to you.. :)

  • @Slacks
    @Slacks 5 років тому +4

    I feel like I can conquer the world after seeing this.

    • @Techsithtube
      @Techsithtube  5 років тому +1

      :) Enjoy! and keep on learning!

  • @manikandaprabakaran6849
    @manikandaprabakaran6849 7 років тому

    I had many a confusion on prototype. Finally, Gotcha :=) And subscribed too :)

  • @carpediem73
    @carpediem73 4 роки тому

    thank you, your tutorials are very good.

  • @vincenthoward9378
    @vincenthoward9378 6 років тому

    You're a god. Thank you

  • @NovaMenteMedia
    @NovaMenteMedia 7 років тому

    Hi , in the first slide shoulnt' the methods and properties point to the prototype of the new function x1 ?

  • @mdrohimsikder7669
    @mdrohimsikder7669 6 років тому

    What type of eyeglass are you using?

  • @miloszivaljevic287
    @miloszivaljevic287 7 років тому

    Great video :)

  • @AndreasQuinones
    @AndreasQuinones 7 років тому +1

    Thank you for this! Very good explanation.

  • @tranhuynhuc5497
    @tranhuynhuc5497 6 років тому +1

    Great! thank you so much

  • @terrance_corley
    @terrance_corley 6 років тому

    Really well explained, thank you!

  • @1988proxy
    @1988proxy 5 років тому

    Thank you very much for this video!!!

  • @samsam-zu7zc
    @samsam-zu7zc 5 років тому +1

    thanks a lot

  • @varinder21011989
    @varinder21011989 5 років тому

    you are: while(true) { Best() ;}
    Thanks a lot for the videos.

  • @rick_from_yr
    @rick_from_yr 6 років тому +1

    thank you too much for this tutorial about objects in JS is the best I've ever seen :D even better than Mozilla's

  • @gouthamgr5839
    @gouthamgr5839 5 років тому +1

    Tysm Sir!!

  • @pouvoircerveau7826
    @pouvoircerveau7826 6 років тому +2

    from myHeart.prototype thank you a lot .

    • @puvaasam
      @puvaasam 5 років тому

      Is that prototype property or attribute?.. since js has prototype property and prototype attribute

  • @allenngorora7369
    @allenngorora7369 7 років тому

    Thanks man.I got the explanation I needed

  • @kevinli122
    @kevinli122 8 років тому

    Very clear explanation, totally understand the concept now. This is coming from someone who was confused after watching a paid tutorial from -not gonna name it- =)

    • @Techsithtube
      @Techsithtube  8 років тому

      I am gald you learn something :)

  • @MadalinaFlorina
    @MadalinaFlorina 6 років тому +1

    Thank you ! A LOT !

    • @Techsithtube
      @Techsithtube  6 років тому

      Thanks for watching Madalina! :)

  • @ErinnKayy
    @ErinnKayy 7 років тому

    thank you for the explanation. it helps me alot!!

  • @bugs1yb1ins
    @bugs1yb1ins 3 роки тому

    Thanx my manzzzz

  • @akshaysoni2051
    @akshaysoni2051 7 років тому

    Sir you are the best :-) :-) :-)

  • @abeershami172
    @abeershami172 7 років тому +1

    amazing thank you I think now that I'll get a full mark in the assessment ♥

  • @m.r.c.prasad3482
    @m.r.c.prasad3482 7 років тому

    Hi,
    The videos are nice and easy to understand. Can you provide angular 2 videos as well in such a practical approach.

  • @mauiwowie2626
    @mauiwowie2626 2 роки тому

    Thanks my boy !!

  • @an859
    @an859 6 років тому

    Thanks sir

  • @ankitasachan4572
    @ankitasachan4572 4 роки тому

    This is little bit confusion. As you defined getJ inside and object . I heard that whenever you define any function then it automatically defined inside default property prototype of object. Then when you define same function in porotype property
    then from above concept both are same. In that case getj should also copy no matter how you defined. Please answer ?

  • @mohankadolkar1227
    @mohankadolkar1227 5 років тому

    Even after umpteen articles and videos I was still confused about prototype(partly because of a lot of terminology namely prototype, __proto__, constructor proto, etc.). However, this video has made the basic idea of prototype very clear. I enjoyed the session till the end. Could you throw more light on these terms that are used interchangeably and perhaps mean the same. Also, what comes first: the master Object or its constructor function? Thanks.

  • @OpsFox245
    @OpsFox245 6 років тому

    Thank you, I could not figure these things out for the life of me.

  • @smonkey001
    @smonkey001 6 років тому

    You got your own view and you explain things very well. Good job sir. Way better than that guy codexxxxxx teaching fundamental yet using unnecessary library like mustache.js