18.proxy.html 918 B

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <!--
  10. Proxy 代理
  11. -->
  12. <script>
  13. let obj = {
  14. name:"Tom"
  15. }
  16. // 实例化对象
  17. let vase = new Proxy(obj,{
  18. get(target,key,prototype) {
  19. console.log(target,'target')
  20. console.log(key,'key')
  21. console.log(prototype,'prototype')
  22. return target;
  23. },
  24. set(target,key,prototype) {
  25. console.log(target,'target1')
  26. console.log(key,'key1')
  27. console.log(prototype,'prototype1')
  28. }
  29. });
  30. vase.name = 'LiLi'
  31. // console.log(vase.get.name,'打印')
  32. console.log(vase.set,'set')
  33. </script>
  34. </body>
  35. </html>