एक्सेसर प्रॉपर्टी हमें जावास्क्रिप्ट में गेटर और सेटर फ़ंक्शन लागू करने में मदद करती है। वे किसी मान को प्राप्त या सेट करने पर एक फ़ंक्शन निष्पादित करते हैं।
एक्सेसर प्रॉपर्टी के चार एट्रिब्यूट्स होते हैं:
- get - जब कोई प्रॉपर्टी पढ़ी जाती है तो यह कॉल होता है। यह कोई आर्गुमेंट नहीं लेता।
- set - जब कोई प्रॉपर्टी सेट की जाती है तो यह कॉल होता है। यह केवल एक आर्गुमेंट लेता है।
- enumerable - true पर सेट होने पर ऑब्जेक्ट को इटरेबल बनाने की अनुमति देता है।
- configurable - false पर सेट होने पर यह प्रॉपर्टी को डिलीट करने या इसके मान बदलने की अनुमति नहीं देता।
एक्सेसर प्रॉपर्टी और इसके एट्रिब्यूट्स के लिए निम्नलिखित कोड है:
उदाहरण
<!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>
आउटपुट
'CLICK HERE' बटन पर क्लिक करने पर:
