如何为现有对象设置通用吸气剂？

Question

我有兴趣添加通用 getter，它将在现有对象的每个属性 get 调用上执行。 我们都知道如何为特定属性设置 getter，但是我们可以设置 getter，在获取对象中的每个属性时会涉及到哪个回调？

非常感谢。

Answer 1

我认为您正在考虑Proxy。

具体来说，您可以使用handler.get() 拦截任何属性。

示例

const guitar = {
  stringCount: 6,
  model: 'Stratocaster',
};

// this is where the magic happens
const genericHandler = {
  get: function(target, propertyName) {
    // at this point, you can do anything you want – we'll just log the attempt
    console.log(`Attempted to get ${propertyName}`);

    // this will return the original value
    return target[propertyName];
  }
};

const proxiedGuitar = new Proxy(guitar, genericHandler);

// This outputs
//   Attempted to get stringCount
//   6
console.log(proxiedGuitar.stringCount);

// you can even write a handler for non-existent properties
console.log(proxiedGuitar.pickupType);

这是一个简化且不完整的示例，在某些情况下可能不起作用。请参阅下面评论中@loganfsmyth 的说明。