जावास्क्रिप्ट एक ऑब्जेक्ट-आधारित भाषा है जो प्रोटोटाइप पर आधारित है। इनहेरिटेंस को जावास्क्रिप्ट में प्रोटोटाइप ऑब्जेक्ट का उपयोग करके लागू किया जाता है।
जावास्क्रिप्ट में इनहेरिटेंस लागू करने के लिए कोड निम्नलिखित है:
उदाहरण
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18; color: blueviolet; font-weight: 500; } </style> </head> <body> <h1>JavaScript Inheritance</h1> <div class="result"></div> <button class="Btn">CLICK HERE</button> <h3> Click on the above button to call the welcome method inherited by person1 and person2 object </h3> <script> let BtnEle = document.querySelector(".Btn"); let resEle = document.querySelector(".result"); function Person(name, age, city) { this.name = name; this.age = age; this.city = city; } Person.prototype.welcome = function () { resEle.innerHTML += " Welcome "+this.name+" age: "+this.age +" city: "+this.city+"<br>"; }; BtnEle.addEventListener("click", () => { let person1 = new Person("Rohan", 22, "Delhi"); person1.welcome(); let person2 = new Person("Shawn", 19, "England"); person2.welcome(); }); </script> </body> </html>
आउटपुट
'CLICK HERE' बटन पर क्लिक करने पर:
