Visually Understanding JavaScript Prototypes

Javascript is whack

wonderful explanation, thank you!

Great video. Your voice pace and pitch is perfect for a good understanding!

Holy smokes, the ads the ads the ads. I’m concentrating on your (fantastic) lesson and just keep getting interrupted with ads that break my concentration. I’m ready to throw the device against the wall.

Wow, it's amazing how a visual representation of an abstract concept can make things much easier, thanks!

thank you

Tanks ! It's really good :)

Awesome, thank you

Finally someone who properly explained what exactly is prototypes in js....
Clear cut explanation/ Underrated Explanation...

One thing you might get confused with is accessing an object's prototype by using .prototype. for example let's say you have an object named Jason then you cannot access it's prototype like this : Jason.prototype
Instead you should use Jason._proto_ or Object.getPrototypeOf(Jason).
The point is that in order to access Jason's prototype there may be several ways but `Jason.prototype` is not one of them.

Hi, very good video, I do have one question however. If you didn't define a myObj variable would the Cat constructor still have to _proto_ of object prototype?

That's couldn't be any further clearer, thank you for awesome teaching. You really nailed it🎉

i am halfway through the video and i already understood and got what i was looking for. thanks a ton!
it would have been helpful if you would have explained why all functions have a prototype because i did not know that functions are objects

thank you! finally I understood this chain of prototypes, couldn't figure it out for so long!

i like his voice :f
its like he's wooing me

you sooo gud !!!

MyObj is connected to the prototype of the constructor function (new object), then the object prototype, and then null. You can see that when you look at _proto_ for myObj.

Does "Object.setPrototypeOf" work the same as "extends" for a class?

You are SO awesome for making this video. Admittedly, I had to watch this a 2nd time, but now it all makes sense!
Thank you!

This video is truly incredible in how concise and clear it is. I watched several other videos before this one and always felt somewhat unsure of what was actually going on, or how things weren't being "overwritten" in the chain. After I watched this it became crystal clear on exactly what was going on. Thank you for making this awesome video!

just what I needed ...Thanks a lot sir :)

so awkward

My goodness how simply you explained that. I've had comprehension issues with prototypes since learning about them, and it was that simple...

Does 'kitty._proto__.__proto_ === Object.prototype' mean its the same instance in memory? As in all object share a singleton base proto, or is it a different instance of the same thing??

Thanks man!. Really good explanation using that triangular visual approach. That's the best way to study software; diagrams outrange plain code to grasp knowledge. Gonna check your channel. Saludos

You are amazing. Thank you so much!

the bestttttt

very good. Thanks.

Great video, it refreshed my mind about the topic.

these 2 things are confusing : dot._proto_ and dot.prototype ?
aren't they the same thing and serve the same purpose?
why call them differently ?

thankyou :)

thanks for the visual explanation, it helped a lot

You lost me in the first 37 seconds!

When we set Cat.prototype to Animal.prototype I am not getting Cat{}, Animal{}, {}, null. Instead I am getting :
Animal {constructor: ƒ}
{constructor: ƒ}
{constructor: ƒ, _defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter_
null.

Help me figure this out

Very good explanation. Thank you sir <3

Thanks a lot!!! Really appreciate this!!

thank you professor, the visual example was extremely helpful

Professor..you're amazing
Extremely amazing <333
Adequate explanation + high quality
What do I need more than this !

merci vraiment je devenais fou carrement

I mean, for real, me head just exploded, I thought I had understood this before, NOW I really understand it 😄

Bro! You’re the man! Your explanations are the best 🤘😎🤘

Thank you Steve, you explain everything so clear! I appreciate it.

So good! The visual representation really helps newbies. Thank you

I'm only halfway through the video and you already clarified what I wanted to know! Thank you so much for this, you are a brilliant teacher!! I feel like most written content I came across on this subject becomes very abstract and repetitive too quickly which makes this look like it is something so complex that I would never be able to understand... turns out that I already was familiar with how it works, so your video helped it "click".

Definitely deserved the sub and I really hope your channel keeps growing!! Ty

Thank you, thank you, thank you!!!:) You are awesome!!!

Wow, what a beautiful explanation of prototypes. It was a bit convoluted when I learned about it recently, but this explains it very clearly. Great video, thank you.

man, this video is incredible.
The stuff was confusing for a long time. Now with these 2 diagrams of kitty object from a contructor and an object written litteral it just became so clear. i just refer either kitty and litteral object in my head when im in front of such case and i find my foot now
Damn.. 🤯

From my understanding would this be correct
myObj._proto_ --> constructor.prototype constructor.prototype._proto_ --> Object.prototype Object.prototype__ proto__ ---> null

It was great explanation, Thanks!!!