जावास्क्रिप्ट में फ़ंक्शन प्रोटोटाइप

जावास्क्रिप्ट में बनाए गए फ़ंक्शन्स में हमेशा जावास्क्रिप्ट इंजन द्वारा प्रोटोटाइप प्रॉपर्टी जोड़ी जाती है। प्रोटोटाइप प्रॉपर्टी एक ऑब्जेक्ट है जिसमें डिफ़ॉल्ट रूप से कंस्ट्रक्टर प्रॉपर्टी होती है। फ़ंक्शन प्रोटोटाइप को निम्न द्वारा एक्सेस किया जा सकता है -

functionName.prototype

जब ऑब्जेक्ट्स को फ़ंक्शन कंस्ट्रक्टर का उपयोग करके बनाया जाता है, तो इस प्रोटोटाइप प्रॉपर्टी का उपयोग उस फ़ंक्शन कंस्ट्रक्टर द्वारा बनाए गए ऑब्जेक्ट्स के बीच मेथड्स या प्रॉपर्टीज शेयर करने के लिए किया जा सकता है।

जावास्क्रिप्ट में फ़ंक्शन प्रोटोटाइप का कोड निम्नलिखित है -

उदाहरण

<!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: 20px;       font-weight: 500;       color: blueviolet;    } </style> </head> <body> <h1>जावास्क्रिप्ट में फ़ंक्शन प्रोटोटाइप</h1> <div class="result"></div> <br /> <button class="Btn">यहाँ क्लिक करें</button> <h3>person1 और person2 ऑब्जेक्ट के welcome मेथड को कॉल करने के लिए ऊपर दिए गए बटन पर क्लिक करें</h3> <script>    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    function personConstructor(fName, lName) {       this.fName = fName;       this.lName = lName;    }    personConstructor.prototype.welcome = function () {       return "Welcome " + this.fName + " " + this.lName;    };    let person1 = new personConstructor("Rohan", "Sharma");    let person2 = new personConstructor("Shawn", "Smith");    BtnEle.addEventListener("click", () => {       resEle.innerHTML = "person1.welcome() = " + person1.welcome() + "<br>";       resEle.innerHTML += "person2.welcome() = " + person2.welcome() + "<br>";    }); </script> </body> </html>

आउटपुट

'यहाँ क्लिक करें' बटन पर क्लिक करने पर -