Node.js：使用 Proxy 为对象创建看门狗

Question

编辑：它是一个对象代理，另见答案但是不明白为什么 console.log( watchDog ) 会产生这么多与 http 和路径相关的东西，不了解关联。

---

我想关注一个对象的变化，但是代理对象似乎是一个代理服务器对象。

我为测试该功能所做的工作：

var myObject = {},
    watchDog = new Proxy( myObject, {
                            set: function (target, key, value) 
                            {
                                console.log(key, 'changed to ', value );
                                target[key] = value;
                            }
                          }); 
 myObject.test = 1;

它永远不会被触发，因为它似乎不是一个对象代理。当我转储代理对象的内容 (console.log( watchDog );) 时，它会显示大量内容，如下所示：

   .............
   .............
   .............  
   { http_parser: '2.8.0',
           node: '8.11.3',
           v8: '6.2.414.54',
           uv: '1.19.1',
           zlib: '1.2.11',
           ares: '1.10.1-DEV',
           modules: '57',
           nghttp2: '1.32.0',
           napi: '3',
           openssl: '1.0.2o',
           icu: '60.1',
           unicode: '10.0',
           cldr: '32.0',
           tz: '2017c' },
        arch: 'ia32',
        platform: 'win32',
        release:
         { name: 'node',
           lts: 'Carbon',
           sourceUrl: 'https://nodejs.org/download/release/v8.11.3/node-v8.11.3.tar
    gz',
           headersUrl: 'https://nodejs.org/download/release/v8.11.3/node-v8.11.3-he
    ders.tar.gz',
           libUrl: 'https://nodejs.org/download/release/v8.11.3/win-x86/node.lib' }

        argv:
         [ 'F:\\Program Files (x86)\\nodejs\\node.exe',
           'L:\\Utils\\codebeat\\SerialInputDevice\\server\\app.js' ],
        execArgv: [],
        env:
         { ALLUSERSPROFILE: 'C:\\ProgramData',
           APPDATA: 'C:\\Users\\User\\AppData\\Roaming',
           CLASSPATH: '.;C:\\Program Files (x86)\\Java\\jre7_32\\lib\\ext\\QTJava.z
    p',
           CommonProgramFiles: 'C:\\Program Files (x86)\\Common Files',
           'CommonProgramFiles(x86)': 'C:\\Program Files (x86)\\Common Files',
           CommonProgramW6432: 'C:\\Program Files\\Common Files',

 ..............
 ..............

 etc.

---

所以这不是对象代理。如何创建对象代理而不是代理服务器对象？

另见

• MDN Proxy

• ChromeDev Proxy

Answer 1

使用现有代码示例：

watchDog.test = 5

确实产生输出。原始的myObject 没有被修改，而是在它周围创建了一个“shell”，可用于在允许与原始对象交互之前拦截交互。

在 Chrome 中（我刚刚尝试过），这会输出 test changed to 5。但是set() 的文档说明了返回值：

set 方法应该返回一个布尔值。返回 true 表示分配成功。如果 set 方法返回 false，并且赋值发生在严格模式代码中，则会抛出 TypeError。

示例代码显示了不同值的返回。该代码使用Reflect.set() 来处理返回的真实性。试试这个：

var myObject = {},
    watchDog = new Proxy( myObject, {
                            set: function (target, key, value) 
                            {
                                console.log(key, 'changed to ', value );
                                target[key] = value;
                                return Reflect.set(...arguments);
                            }
                        }); 
watchDog.test = 1;