Prototype & Inheritance in JavaScript

2,882 views
2,737 views

Published on

What is prototype and how we use it to inherit the properties of an object in JavaScript.

Published in: Technology

Prototype & Inheritance in JavaScript

  1. 1. Prototype & Inheritance in JavaScript C# Corner – 21st September Sunny Kumar
  2. 2. Prototypes in JavaScript • What is Prototype? • Augmenting the Prototype • Overwriting the Prototype • Use of Prototype • Prototype Chain Inheritance in JavaScript • Various ways of Inheritance in JavaScript.
  3. 3. Sneak Peek into past… Functions - are objects. - returns Value. - can return objects, including other functions. - they have properties. - they have methods. - can be copied, deleted, augmented. - special feature: Invokable. - when invoked with new keyword, returns an object named this , can be modified before it’s returned.
  4. 4. Sneak Peek into past… Constructor Functions var Person = function(name) { this.name = name; this.getName = function() { return this.name; }; }; var me = new Person(“Sunny"); me.getName(); // “Sunny"
  5. 5. • prototype is a property of function object. • Only function Objects can have prototype property.
  6. 6. var foo = function(){}; console.log(foo.prototype); Object {} //output
  7. 7. Var foo=function(){}; Var myFoo = new foo(); //instantiates an object of foo. foo.prototype.MaxValue=100; foo.prototype.SayHello=function(name){ return “Hi “+name+” !”; } myFoo.SayHello(“Kumar”); // “Hi Kumar !”
  8. 8. foo.prototype={x:1,y:2}
  9. 9. var Person = function(name) { this.name = name; }; Person.prototype.say = function(){ return this.name; };
  10. 10. var dude = new Person('dude'); dude.name; // "dude“ dude.say(); // "dude“ same result

×