es6之Proxy代理

1、代理Proxy

　　作用：将对象交给Proxy代理，编写处理函数，来拦截目标对象的操作。

　　

2、使用

　　Proxy中有两个参数，一个是被搭理的对象，一个是要进行的一些操作（使用花括号）。

 

3、几个API的介绍

　　get(target、property) 方法：获取对象的属性前进行的一些操作。

　　set(target,property,value)方法：对对象的属性进行的一些操作

　　ownKeys(target) 方法：将希望暴露的属性暴露出来。

　　has(target,property)方法：判断是否有该属性，如果有返回true，没有返回false。

<script>
    let car = {
        name: '大奔',
        price: 1500000,
        long: '150米'
    }
    let pro = new Proxy(car, {
        get(target, property) {
            if (property == 'name') {
                console.log('大奔你值得拥有！');
            }
            return target[property]
        },
        set(target, property, value) {
            // console.log(property)

            if (property == 'addPrice') {
                target.price += value;
            }
        },
        ownKeys(target) {
            return [name, price, long]
        },
        has(target, property) {
            if (target[property] === undefined) {
                return false;
            }
            else {
                return true;
            }
        }
    })
    pro.addPrice = 50000;
    console.log(pro.price);
    console.log('price' in pro);//true
    console.log('age' in pro); //false
    pro.name;//大奔你值得拥有
</script>

4、可取消的代理  Proxy.revocable()

　　

<script>
    let Qiang = {
        'name': '郭俊强'
    }
    let qiang = {
        get(target, property) {
            return '强'
        }
    }
    let object = Proxy.revocable(Qiang, qiang);
    console.log(object.proxy.name);
    object.revoke();
    console.log(object.proxy.name);   //报错
</script>