प्रोटोटाइप गुण जावास्क्रिप्ट का मुख्य भाग है क्योंकि जावास्क्रिप्ट एक प्रोटोटाइप-आधारित भाषा है। जावास्क्रिप्ट में विरासत को लागू करने के लिए प्रोटोटाइप का उपयोग किया जाता है। सभी कस्टम और बिल्ट इन नेटिव ऑब्जेक्ट्स में प्रोटोटाइप प्रॉपर्टी होती है जिसका इस्तेमाल नई प्रॉपर्टीज और मेथड्स को जोड़कर उनकी कार्यक्षमता को बढ़ाने के लिए किया जा सकता है। मूल प्रोटोटाइप केवल संपादित किए जा सकते हैं या उनमें नए जोड़े जा सकते हैं लेकिन उन्हें हटाया नहीं जा सकता।
जावास्क्रिप्ट में मूल प्रोटोटाइप के लिए कोड निम्नलिखित है -
उदाहरण
<!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,.sample {
font-size: 18px;
font-weight: 500;
color: rebeccapurple;
}
.sample {
color: red;
}
</style>
</head>
<body>
<h1>Native Prototypes in JavaScript</h1>
<div class="sample"></div>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to convert the above string to alternate case using prototype
</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> आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
'यहां क्लिक करें' बटन पर क्लिक करने पर -
