Aurelia代理不会触发设置器

Question

js代理设置器不会在aurelia中解雇。 我在组件中注入了一个配置：

const config = { prop: 'value' };
export default new Proxy(config, {
   get: function(obj, prop) {
      console.log('get ' + prop + ' = ' + obj[prop]);
      return obj[prop];
   },
   set: function(obj, prop, value) {
      console.log('set ' + prop + ' = ' + value);
      obj[prop] = value;
      return true;
   },
});

更改属性后，即使配置对象中的值发生更改，getter也会触发，但不会执行setter函数。

Answer 1

您的问题不是Aurelia问题，您以错误的方式使用代理。 我整理了一个使用代理设置器和获取器的示例。

如果您在Chrome中打开开发者控制台，则可以在浏览器中尝试以下代码。 需要注意的重要事项是使用返回的代理，而不是原始对象。 您需要使用代理。

let config = { prop: 'value' };
let configProxy = new Proxy(config, {
   get: function(target, property) {
      return target[property];
   },
   set: function(target, property, value) {
      if (value.length > 3) {
        target[property] = value;
      } else {
        throw new ReferenceError(property + ' cannot be set');
      }
   }
});

// Setting a value less than 3 characters will trigger an error
configProxy.prop = 'D';

// This is fine
configProxy.prop = 'Dwayne';