प्रोटोटाइप प्रॉपर्टी JavaScript का मुख्य भाग है क्योंकि JavaScript एक प्रोटोटाइप-आधारित भाषा है। प्रोटोटाइप का उपयोग JavaScript में इनहेरिटेंस (inheritance) लागू करने के लिए किया जाता है। सभी कस्टम और बिल्ट-इन नेटिव ऑब्जेक्ट्स में प्रोटोटाइप प्रॉपर्टी होती है जिसका उपयोग नई प्रॉपर्टी और मेथड जोड़कर उनकी कार्यक्षमता बढ़ाने के लिए किया जा सकता है। नेटिव प्रोटोटाइप को केवल एडिट किया जा सकता है या उनमें नए जोड़े जा सकते हैं लेकिन उन्हें डिलीट नहीं किया जा सकता।
JavaScript में नेटिव प्रोटोटाइप का कोड:
उदाहरण
<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Native Prototypes Demo</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result,.sample { font-size: 18px; font-weight: 500; color: rebeccapurple; } .sample { color: red; } </style> </head> <body> <h1>JavaScript में नेटिव प्रोटोटाइप</h1> <div class="sample"></div> <div class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3> प्रोटोटाइप का उपयोग करके उपरोक्त स्ट्रिंग को अल्टरनेट केस में बदलने के लिए ऊपर दिए गए बटन पर क्लिक करें </h3> <script> let resEle = document.querySelector(".result"); let sampleEle = document.querySelector(".sample"); let BtnEle = document.querySelector(".Btn"); String.prototype.alternateCase = function () { let newString = ""; for (let i = 0; i < this.length; i++) { if (i % 2 == 0) { newString += this[i].toUpperCase(); } else { newString += this[i].toLowerCase(); } } return newString; }; let a = "HELLO WORLD"; sampleEle.innerHTML += a; BtnEle.addEventListener("click", () => { resEle.innerHTML += a.alternateCase(); }); </script> </body> </html>आउटपुट
उपरोक्त कोड निम्नलिखित आउटपुट देगा:
'यहाँ क्लिक करें' बटन पर क्लिक करने पर:
