JavaScript Proxy() ऑब्जेक्ट किसी ऑब्जेक्ट या फंक्शन को लपेटता है और मूलभूत संक्रियाओं जैसे प्रॉपर्टी एक्सेस करना, फंक्शन लागू करना आदि के लिए कस्टम एक्शन के लिए उपयोग किया जाता है।
उदाहरण
<!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; } .sample { font-size: 18px; font-weight: 500; color: red; } </style> </head> <body> <h1>JavaScript Proxy() Object</h1> <div class="sample"></div> <button class="Btn">CLICK HERE</button> <h3> Click on the above button to access object values using proxy object </h3> <script> let sampleEle = document.querySelector('.sample'); const test = { Name: 'Rohan Sharma', birthYear: 1990, }; const handler = { get: function(target, objectKey) { if (objectKey === 'FirstName') { return target.Name.split(' ')[0]; } if (objectKey === 'CurrentAge') { let date = new Date(); return date.getFullYear() - target.birthYear; } else { return Reflect.get(target,objectKey); } } }; const proxy1 = new Proxy(test, handler); document.querySelector('.Btn').addEventListener('click',()=>{ sampleEle.innerHTML += 'proxy1.Firstname = ' + proxy1.FirstName + '<br>'; sampleEle.innerHTML += 'proxy1.CurrentAge = ' + proxy1.CurrentAge + '<br>'; }) </script> </body> </html>आउटपुट
'CLICK HERE' बटन पर क्लिक करने पर -
