Understanding Prototypal inheritance in JavaScript.
_ What is constructor in javaScript.
– How to add properties to prototype.
– How to create classes
_ ECMA6, ECMA2015
– The root object in javascript
Keywords: javascript prototype , techsithtube , techsith, js prototype, jquery prototype, inheritance, constructor, code example, tutorial, prototype property, prototype pattern , what is prototype, how to use prototype, javascript prototype explained, prototype object, prototype chain, advance javascript tutorial , javascript object oriented programming, pure javascript , prototypal inheritance,
Original source
34 responses to “Javascript Prototype inheritance Explained ( tutorial Part1)”
This was a very clear explanation of the prototype chain.. Thank you!
Awesome Boss…Would u like to learn node js for us ?
one of the best video on inheritance, very clear explanation. Awesome , No words.
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.
Hi , in the first slide shoulnt' the methods and properties point to the prototype of the new function x1 ?
Thanks man.I got the explanation I needed
You're a great tutor. Thank you so much!
very well explained! Made more sense than a lot of other videos on youtube
Thank you for this! Very good explanation.
Man, that was clear and easy to understand , Thank you
Another question. If you instantiate a new x in a function, is that instance only available to that function or is it global in scope, because its definition is global?
One question, and this may be a daft one. What is the difference between var x = function(j){} and function x(j){}?
Clear and concise. Thank you for the explaination.
your videos are clear and concise . thanks man.
You are my favorite teacher on internet ! thank you very much for your tutos i learned a lot ! I have one question maybe you could explain to me. What is the difference between new and object.create and what is the better practice ?
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=)x.prototype is not the function x's constructor's prototype, it is the x1 and x2's prototype.
Well explained, finally I understand prototype!
respect for everysingle second you spent with explaining and rawing this graphics. brilliant man.
thanks man
GOLD
without using prototype
var x =function(j){
this.a = 0;
this.j = j;
}
var total1 = new x(1);
var total2 = new x(20);
console.log(total1.j);
console.log(total2.j);
——————————————————————–
can you please explain me what is the difference between this and
with prototype
var x =function(j){
this.a = 0;
this.j = j;
}
x.prototype.getJ=function(){
return this.j;
}
var total1 = new x(1);
var total2 = new x(20);
console.log(total1.getJ());
console.log(total2.getJ());
without using the prototype still its showing the same output then what is the prototype role
Excellent tutorial!
Hi, first off, thanks for this super awesome tutorial. Have you consider teaching at Udemy? I bought a lesson on Udemy on this topic but had to come here to thoroughly understand it. Wow, you are a fantastic teacher and would buy your lessons…Thanks again..!
very well explained !!!
As always, good job
Great tutorial!!! Well explained! Thank you.
So does every function have a prototype attached to it, that you can climb the prototype chain back up to the global object?
ES6 classes are just syntax sugar if I'm correct? Under the hood it's still prototype based right?
well explained… good job…
I'm about to watch this video and I think I am in the right place!
wow….well explained
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!!
Very well explained!
Very well explained!