Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट प्रोटोटाइप में विधियों को जोड़ना

<घंटा/>

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

उदाहरण

<!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>Adding methods to Javascript Prototypes</h1>
<div class="result"></div>
<br />
<button class="Btn">Click Here</button>
<h3>Click on the above button to call the methods of person1 and person2 object</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   function personConstructor(fName, lName, birthYear) {
      this.fName = fName;
      this.lName = lName;
      this.birthYear = birthYear;
   }
   personConstructor.prototype.welcome = function () {
      return "Welcome " + this.fName + " " + this.lName;
   };
   personConstructor.prototype.calcAge = function () {
      return "Your age = " + (new Date().getFullYear() - this.birthYear);
   };
   let person1 = new personConstructor("Rohan", "Sharma", 1995);
   let person2 = new personConstructor("Shawn", "Smith", 1992);
   BtnEle.addEventListener("click", () => {
      resEle.innerHTML = "person1.welcome() = " + person1.welcome() + "<br>";
      resEle.innerHTML += "person1.calcAge() = " + person1.calcAge() + "<br>";
      resEle.innerHTML += "person2.welcome() = " + person2.welcome() + "<br>";
      resEle.innerHTML += "person2.calcAge() = " + person2.calcAge() + "<br>";
   });
</script>
</body>
</html>

आउटपुट

जावास्क्रिप्ट प्रोटोटाइप में विधियों को जोड़ना

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

जावास्क्रिप्ट प्रोटोटाइप में विधियों को जोड़ना


  1. जावास्क्रिप्ट में तरीके साझा करें

    विधियों को वस्तु के प्रोटोटाइप गुण से जोड़कर साझा किया जा सकता है। इन विधियों को वस्तु के सभी उदाहरणों के बीच साझा किया जाएगा। जावास्क्रिप्ट में साझा करने के तरीकों के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo

  1. जावास्क्रिप्ट में प्रोटोटाइप को संशोधित करना

    जावास्क्रिप्ट में प्रोटोटाइप को संशोधित करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>

  1. जावास्क्रिप्ट में किसी वर्ग को स्थिर विधियों को कैसे असाइन करें?

    जावास्क्रिप्ट में क्लास को स्टैटिक मेथड्स असाइन करने के लिए कीवर्ड स्टैटिक के साथ मेथड को प्रीफिक्स करें। तब स्थिर विधियों को कक्षा को तत्काल किए बिना बुलाया जा सकता है। जावास्क्रिप्ट में एक वर्ग के लिए स्थिर विधियों को निर्दिष्ट करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html