JavaScript - proxy

Proxy 对象用于定义基本操作的自定义行为(如属性查找,赋值,枚举,函数调用等)。

JavaScript - proxy

JavaScript - proxy

来看看常用的方法

handler.get()

JavaScript - proxy

let o = {
name: 'liwenchi',
age: 10
} var p = new Proxy(o, {
get: function (target, prop) {
console.log('get')
return target[prop];
}
}); console.log(p.name);

handler.set()

JavaScript - proxy

JavaScript - proxy

!!!!!!!!!!!!!!这里要究极注意!!!!!!!!!!!!!

它拦截器真的拦完就完了,什么都不会帮你做的,例如set,我原以为拦截了以后,如果返回值是true就顺便给你赋值一下,就成功了;如果返回值是false,就不给你赋值,就拦下来了,结果不是这样的。你拦完了以后你自己要赋值一下。

 let p = new Proxy({}, {
set: function (target, prop, value) {
console.log(typeof prop, value);
if (value >= 10) target[prop] = value;
else target[prop] = 10;
},
get: function (target, prop, value) {
if (prop in target) {
return true;
}
else {
return false;
}
}
}) p.a = 1; console.log(p.a, p.b);

例如第四行,你哪怕没有返回值都行,但你一定要自己写target[prop] = value,这样才真正赋值了。

get函数同理,你要自己返回东西的,如果你像我一样,9、12两行写的是返回真或假,你第19行就真的打印真或假,而不是10和undefined。

上一篇:tcp有限状态机


下一篇:DUMP4 企业级电商项目 —— 对接支付宝扫码支付