In JavaScript, the prototype object is a mechanism that allows you to add properties and methods to all instances of a particular object type. Every JavaScript object has a prototype property, which references the prototype object associated with it.
Here’s an example of using the prototype object to add properties and methods to objects:
// Constructor function for creating Person objects
function Person(name, age) {
this.name = name;
this.age = age;
}
// Adding a method to the prototype object of Person
Person.prototype.greet = function() {
console.log('Hello, my name is ' + this.name + ' and I am ' + this.age + ' years old.');
};
// Creating instances of Person
var person1 = new Person('John', 25);
var person2 = new Person('Jane', 30);
// Calling the greet method on the instances
person1.greet(); // Output: Hello, my name is John and I am 25 years old.
person2.greet(); // Output: Hello, my name is Jane and I am 30 years old.
In the example above, the Person function acts as a constructor for creating Person objects. We add properties name and age to each instance using the this keyword inside the constructor.
Next, we use the prototype property of the Person function to add a greet method to the prototype object. This means that all instances of Person objects will have access to the greet method through their prototype chain.
Note that the concept of prototypes is fundamental to JavaScript’s object-oriented programming model based on prototypal inheritance. It enables objects to inherit properties and methods from their prototypes, creating a chain of objects with shared functionality.
I’m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I’ve had the opportunity to work with Cotocus and continue to contribute to multiple platforms where I share insights across different domains:
-
DevOps School – Tech blogs and tutorials
-
Holiday Landmark – Travel stories and guides
-
Stocks Mantra – Stock market strategies and tips
-
My Medic Plus – Health and fitness guidance
-
TrueReviewNow – Honest product reviews
-
Wizbrand – SEO and digital tools for businesses
I’m also exploring the fascinating world of Quantum Computing.
Best Cardiac Hospitals Near You
Discover top heart hospitals, cardiology centers & cardiac care services by city.
Advanced Heart Care • Trusted Hospitals • Expert Teams
View Best Hospitals
[…] https://www.devopsconsulting.in/blog/javascript-prototype-object/ […]
[…] JavaScript Prototype Object […]
[…] JavaScript Prototype Object […]