|
|
@@ -0,0 +1,39 @@
|
|
|
+<!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>
|
|
|
+ <!--
|
|
|
+ proxy 代理
|
|
|
+ new Proxy(target，handle)
|
|
|
+ target 目标对象
|
|
|
+ handle 处理对象
|
|
|
+ -->
|
|
|
+ <script>
|
|
|
+ let obj = {
|
|
|
+ name:"Hi"
|
|
|
+ }
|
|
|
+ const vase = new Proxy(obj,{
|
|
|
+ get(target,key,prototype) {
|
|
|
+ console.log(target); //当前对象
|
|
|
+ console.log(key); // 方法
|
|
|
+ console.log(prototype); // 当前对象原型
|
|
|
+ },
|
|
|
+ set(target,key,prototype) {
|
|
|
+ console.log(target,'1'); //当前对象
|
|
|
+ console.log(key,'1'); // 修改的对象下标
|
|
|
+ console.log(prototype,'1'); // 最新的值
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+ console.log(vase.name)
|
|
|
+ // vase.name = "Lucy"
|
|
|
+ // console.log(vase.get = 'Lu')
|
|
|
+ // console.log(vase.set)
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|
e