विधियों को वस्तु के प्रोटोटाइप गुण से जोड़कर साझा किया जा सकता है। इन विधियों को वस्तु के सभी उदाहरणों के बीच साझा किया जाएगा।
जावास्क्रिप्ट में साझा करने के तरीकों के लिए कोड निम्नलिखित है -
उदाहरण
<!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>Shared methods in JavaScript</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to the call the displayInfo method of student1 and student2 object</h3>
<script>
let resEle = document.querySelector(".result");
function Student(name, age, standard) {
this.name = name;
this.age = age;
this.standard = standard;
}
Student.prototype.displayInfo = function () {
return `${this.name} age ${this.age} : standard :${this.standard} <br>`;
};
let student1 = new Student("Rohan", 17, 12);
let student2 = new Student("Shawn", 16, 11);
document.querySelector(".Btn").addEventListener("click", () => {
resEle.innerHTML = student1.displayInfo();
resEle.innerHTML += student2.displayInfo();
});
</script>
</body>
</html> आउटपुट
'यहां क्लिक करें' बटन पर क्लिक करने पर -
