Proxy深度检测

King丨小义

1. const deepProxy = (target, handler) => {
   
2.   const proxy = new Proxy(target, handler);
   
3.   for (let key in target) {
   
4.     if (typeof target[key] === 'object') {
   
5.       target[key] = deepProxy(target[key], handler);
   
6.     }
   
7.   }
   
8.   return proxy;
   
9. }
   
10. 
    
11. const obj = {
    
12.   foo: {
    
13.     bar: {
    
14.       baz: 'hello'
    
15.     }
    
16.   }
    
17. };
    
18. 
    
19. const handler = {
    
20.   get(target, key, receiver) {
    
21.     console.log(`Getting ${key}`);
    
22.     return Reflect.get(target, key, receiver);
    
23.   },
    
24.   set(target, key, value, receiver) {
    
25.     console.log(`Setting ${key} to ${value}`);
    
26.     return Reflect.set(target, key, value, receiver);
    
27.   }
    
28. };
    
29. 
    
30. const proxy = deepProxy(obj, handler);
    
31. 
    
32. console.log(proxy.foo.bar.baz); // Output: Getting foo\nGetting bar\nGetting baz\nhello
    
33. proxy.foo.bar.baz = 'world'; // Output: Setting foo to [object Object]\nSetting bar to [object Object]\nSetting baz to world

复制代码