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>जावास्क्रिप्ट प्रोटोटाइप में मेथड्स जोड़ना</h1> <div class="result"></div> <br /> <button class="Btn">यहाँ क्लिक करें</button> <h3>person1 और person2 ऑब्जेक्ट के मेथड्स को कॉल करने के लिए ऊपर दिए गए बटन पर क्लिक करें</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 "आपकी उम्र = " + (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 /> <meta na

  1. जावास्क्रिप्ट में प्रोटोटाइप्स मॉडिफाई करना जावास्क्रिप्ट में प्रोटोटाइप्स मॉडिफाई करना

    जावास्क्रिप्ट में प्रोटोटाइप्स मॉडिफाई करने का कोड निम्नलिखित है - उदाहरण <!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>    b

  1. जावास्क्रिप्ट में क्लास को स्टैटिक मेथड्स कैसे असाइन करें? जावास्क्रिप्ट में क्लास को स्टैटिक मेथड्स कैसे असाइन करें?

    जावास्क्रिप्ट में क्लास को स्टैटिक मेथड्स असाइन करने के लिए बस मेथड के आगे static कीवर्ड लगाएं। स्टैटिक मेथड्स को फिर क्लास को इंस्टेंटिएट किए बिना बुलाया जा सकता है। जावास्क्रिप्ट में क्लास को स्टैटिक मेथड्स असाइन करने के लिए निम्नलिखित कोड है: उदाहरण <!DOCTYPE html> <html lang="en&q