JavaScript Prototypal Inheritance

Learn JavaScript prototypal inheritance and start creating and inheriting "classes" in JS.

[nacs]

Just wanted to add another thanks for a well-explained, straight to the point example/tutorial. Thanks!

[SergeyNeskhodovskiy]

Of all the videos I was skimming through to finally wrap my mind around this subject, this one was my "aha!" moment. Thank you for the brilliant explanation!

[noherczeg]

It's quite amazing that from all the useless guides/tuts on youtube this is the first one that actually cared about real examples and showed quickly and factually right the whole extension and chain traversal stuff that is going on under the hoods.

[fatemeetsluck]

This helped me understand how to implement OOP in my own JavaScript interpreter.

[JPDevuyst]

I've been trying to figure this out for a long time and this is the best explanation I've found! Thank you!

[kennytong]

Very clear for me as a Javascript newbie!

[flamboulder]

This was absolutely fantastic and incredibly concise thank you sir!

[hastis]

Very brief but spot on! Very clearly explained! Great job!

[regeleionescu]

You made me understand class, prototype, instancing in less than 10 minutes, thank you!

[GuitarreroDaniel]

This is the best explanation in whole Youtube. Thank you very much.

[victorayodele]

I had to log in to my google account just to say thank you for this well explained video... Thanks!

[finwwwfinwww]

Thanks, it was short & simple and easy to understand

[BobHolbenThere]

I watched this video thinking I might pick up something about prototypal inheritance, but what I saw was classical inheritance. The definitions I'm familiar with say that classical inheritance uses constructor functions and the new keyword while prototypal inheritance stays away from the confusion of constructor functions and the new keyword and instead simply use Object.create(). Granted, when inheriting, it has become popular to use Object.create() these days, but this is still the classical approach. In ES6, syntactic sugar is layered on top with the new class keyword, but you still need to have a keen understanding of constructors. BTW, don't get me wrong. I've really enjoyed watching these videos. I guess I'm just being a little particular about how we label certain patterns.

[MelvinPhilips]

Great video for prototypical inheritance! Thanks

[lezingto]

Really great instructional style, thanks for making the videos.

[henriquehefler]

Awesome tutorial, simple but not incomplete.

[danielm.borges]

Thank you so much, in a few minutos I got how the JavaScript Prototype works.

[dominykasraila]

Thank you for the video. I liked the pace. The code we write for applications with JS at work is very procedural: lots of global scope functions, variables. I am looking for ways to manage scope and complexity of the code so I'm learning about features of JS.

[gxvigo]

Hi Kyle, good stuff, your videos are always a guarantee of learning something effectively.

There are 2 things I still don't understand.
1_ difference between 'new' and 'Object.create()
2_ if I create a function in the constructor I can access that from any instance of the constructor:
function Bear(kind) {
this.kind = kind;
this.growl = function() {
console.log('grrr');
}
}
var polar = new Bear('polar');
polar.growl() // -> 'grrr'

What am I missing?

Cheers, Giovanni

[legionoftom]

Very clear explanation, thanks for the vid man. I'm now less confused :-)