Đối tượng Proxy() trong JavaScript bao bọc một đối tượng hoặc hàm và được dùng cho các hành động tùy chỉnh cho các thao tác cơ bản như truy cập thuộc tính, gọi hàm, v.v.
Dưới đây là mã cho đối tượng proxy() trong JavaScript:
Ví dụ
<!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>Kết quả
Khi nhấn nút 'CLICK HERE':
