JavaScript

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。