एक्सेसर प्रॉपर्टी हमें जावास्क्रिप्ट में गेट्टर और सेटर फ़ंक्शन को लागू करने में मदद करती है। वे एक मान प्राप्त करने या सेट करने पर एक फ़ंक्शन निष्पादित करते हैं।
एक्सेसर प्रॉपर्टी की चार विशेषताएं होती हैं -
- प्राप्त करें - जब कोई प्रॉपर्टी पढ़ी जाती है तो उसे कॉल किया जाता है। इसमें कोई तर्क नहीं लगता/
- सेट - प्रॉपर्टी सेट होने पर इसे कॉल किया जाता है। यह केवल एक तर्क लेता है।
- गणना योग्य - सत्य पर सेट होने पर वस्तु को चलने योग्य होने देता है।
- कॉन्फ़िगर करने योग्य - जब गलत पर सेट किया जाता है तो यह संपत्ति को हटाने या इसके मूल्यों को बदलने की अनुमति नहीं देगा।
एक्सेसर प्रॉपर्टी और उसकी विशेषताओं के लिए कोड निम्नलिखित है -
उदाहरण
<!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>Accessor property and its attributes</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to use set and get to modify and display person object properties</h3>
<script>
let resEle = document.querySelector(".result");
let BtnEle = document.querySelector(".Btn");
let person = {
name: "Rohan",
age: 22,
occupation: "Student",
get fullname() {
return this.name;
},
set job(occupation) {
this.occupation = occupation;
},
};
BtnEle.addEventListener("click", () => {
resEle.innerHTML =
"Name = " + person.fullname + " : Occupation = " + person.occupation;
resEle.innerHTML += "<br>After modifying occupation property <br>";
person.occupation = "Developer";
resEle.innerHTML += "New Occupation = " + person.occupation;
});
</script>
</body>
</html> आउटपुट
'यहां क्लिक करें' बटन पर क्लिक करने पर -
