0
Prototype & Inheritance
in
JavaScript

C# Corner – 21st September

Sunny Kumar
Prototypes in JavaScript
• What is Prototype?
• Augmenting the Prototype
• Overwriting the Prototype
• Use of Prototype
• ...
Sneak Peek into past…

Functions

- are objects.
- returns Value.
- can return objects, including other functions.
- they ...
Sneak Peek into past…

Constructor Functions
var Person = function(name) {
this.name = name;
this.getName = function() {
r...
• prototype is a property of function object.
• Only function Objects can have prototype property.
var foo = function(){};
console.log(foo.prototype);
Object {} //output
Var foo=function(){};
Var myFoo = new foo(); //instantiates an object of foo.
foo.prototype.MaxValue=100;
foo.prototype.Sa...
foo.prototype={x:1,y:2}
var Person = function(name) {
this.name = name;
};
Person.prototype.say = function(){
return this.name;
};
var dude = new Person('dude');

dude.name; // "dude“
dude.say(); // "dude“ same result
Prototype & Inheritance in JavaScript
Prototype & Inheritance in JavaScript
Prototype & Inheritance in JavaScript
Upcoming SlideShare
Loading in...5
×

Prototype & Inheritance in JavaScript

2,374

Published on

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

Published in: Technology

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×