[英]Javascript ES6 Proxy
我需要创建一个存储其他对象的对象。 大对象的每个属性都有两个属性“值”和“回调”。
let bigObj = {
first: {
value: true,
callback: () => {}
},
second: {
value: false,
callback: () => {}
}, {...}
}
我希望能够通过使用bigObj.first / bigObj.first =“ false”,并通过经典方法回调来获取和更改value属性:bigObj.first.callback =()=> {}。
每次更改属性“值”时,我都想调用其回调函数。
这就是我所做的
var proxy = new Proxy({
first: {
value: true,
callback: () => {}
}
}, {
get(target, key) {
return key in target ? target[key].value : null;
},
set(target, key, value) {
target[key] ? target[key].value = value : target[key] = {value, callback: () => {}};
key !== 'callback' && target[key].callback();
return true;
}
});
问题是我无法更改回调属性。
proxy.first.callback = () => console.log('new cb'); // won't do anything.
您对我如何更改代码有任何想法吗?
谢谢。
您的设置方式是proxy.first
返回一个布尔值。 因此, proxy.first.callback =
最终为false.callback =
或true.callback =
。 这些至少不会引发异常,但是它们没有用。 如果值是对象而不是布尔值,则可以使值本身成为代理,但不能创建以非对象为目标的代理。
另一个选择是先设置一个特殊值,然后告诉它插入回调。 下面是一个示例,如果您传入{callback:()=> {}}之类的对象,则会将其插入为回调。 但是其他任何东西都将被设置为值。
var proxy = new Proxy({ first: { value: true, callback: () => {} } }, { get(target, key) { return key in target ? target[key].value : null; }, set(target, key, value) { if (value && value.callback) { target[key] ? target[key].callback = value.callback : target[key] = {value: null, callback: value.callback}; return true; } else { target[key] ? target[key].value = value : target[key] = {value, callback: () => {}}; target[key].callback(); return true; } } }); proxy.first = {callback: () => console.log('got a callback')}; proxy.first = false;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.