JavaScript - proxy

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

来看看常用的方法

handler.get()

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()

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

它拦截器真的拦完就完了，什么都不会帮你做的，例如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。