12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <script>
- /**
- * proxy 代理
- * const proxy = new Proxy(target,handler)
- * target 目标值
- * handler 代理过程中的一系列操作
- */
- let obj = {
- name:"Lucy"
- };
- const vase = new Proxy(obj,{
- get(target,key,prototype) {
- // target 代理值
- // key 修改的方法
- // phototype 原型对象
- console.log(target,'1')
- console.log(key,'2')
- console.log(prototype,'3')
- },
- set(target,key,prototype) {
- // target 代理值
- // key 要修改的项
- // phototype 代理的新对象
- console.log(target,'11')
- console.log(key,'22')
- console.log(prototype,'33')
- }
- })
- vase.name = "LiLi"
- console.log(vase.set)
- // console.log(vase.get);
- </script>
- </body>
- </html>
|