JavaScript - proxy

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，就不给你赋值，就拦下来了，结果不是这样的。你拦完了以后你自己要赋值一下。

 1 let p = new Proxy({}, {
 2     set: function (target, prop, value) {
 3         console.log(typeof prop, value);
 4         if (value >= 10) target[prop] = value;
 5         else target[prop] = 10;
 6     },
 7     get: function (target, prop, value) {
 8         if (prop in target) {
 9             return true;
10         }
11         else {
12             return false;
13         }
14     }
15 })
16 
17 p.a = 1;
18 
19 console.log(p.a, p.b);

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

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

 

 

 

 

 

 

 

posted @ 2019-04-12 13:41 swallowblank 阅读(...) 评论(...) 编辑 收藏