深入理解ES6之——代理和反射（proxy）

通过调用new proxy()不想创建一还有一个多多代理来替代一还有一个多多对象（被称为目标），这个 代理对目标对象进行了虚拟，很久该代理与该目标对象细胞层可可不可不可以 可不可不可以 被当做同一还有一个多多对象来对待。

创建一还有一个多多简单的代理

当你使用Proxy构造器来创建一还有一个多多代理时，须要传递一还有一个多多参数：目标对象以及一还有一个多多解决器，后者是定义了一还有一个多多或多个陷阱函数的对象。将会未提供陷阱函数，代理会对所有操作采取默认行为。

使用set陷阱函数验证属性值

let target = {};
var proxy = new Proxy(target, {
    set(trapTarget, key, value, receiver) {
        if (!trapTarget.hasOwnProperty(key)) {
            if (isNaN(value)) {
                throw new Error('Proxy must be a number');
            }
        }

        return Reflect.set(trapTarget, key, value, receiver);
    }
})

proxy.count = 1;

console.log(proxy.count);
console.log(target.count);

try {
    proxy.anthorName = 'cc';
} catch (err) {
    console.log(err.message);
}

使用上述最好的法子可可不可不可以 能对打上去给对象的属性值进行验证，将会值为非数字，就会抛出错误。

使用get陷阱函数进行对象外形验证

在js中，将会读取一还有一个多多对象中不占据 的属性时，会显示undefined，这对于排查什么的问提很不利。使用代理进行对象外形验证就可可不可不可以 能帮你从这个 错误中拯救出来。

let proxy = new Proxy({}, {
    get(trapTarget, key, receiver) {
        if (!(key in receiver)) {
            throw new Error(`property ${key} not exist`);
        }
        return Reflect.get(trapTarget, key, receiver);
    }
})

proxy.name = 'cc';
try {
    console.log(proxy.age);
} catch (error) {
    console.log(error.message);
}

//输出结果
property age not exist

上述代码对打印的对象属性进行验证，将会不占据 则抛出一还有一个多多错误。今日头条的一还有一个多多面试题

使用has陷阱函数隐藏属性

in运算符用于判断指定对象中是是否占据 某个属性，将会对象的属性名与指定的字符串或符号值相匹配，这麼in运算符应当返回true，无论该属性是对象自身的属性还是原型的属性。代理允许你使用has陷阱函数来解决这个 什么的问提

has陷阱函数会在使用in运算符的情况表下被调用，很久会被传入一还有一个多多参数：

1. trapTarget:须要读取属性的对象（即代理的目标对象）
2. key：须要检查的属性的键（字符串类型或符号类型）Reflect.has()最好的法子接收与之相同的参数并向in运算符返回默认相应结果

let target = {
    name: 'cc',
    age: 26,
    sex: 'man'
}

let proxy = new Proxy(target, {
    has(trapTarget, key) {
        if (trapTarget.hasOwnProperty(key)) {
            return Reflect.has(trapTarget, key);
        } else {
            return false;
        }
    }
})

console.log('toString' in proxy);
console.log('name' in proxy);
console.log('age' in proxy);

使用deleteProperty陷阱函数解决属性被删除

delete运算符能从指定对象上删除一还有一个多多属性，在删除成功时返回true，很久返回false

deleteProperty陷阱函数会在使用delete运算符去删除对象属性时被调用，很久会被传入一还有一个多多参数：

1. trapTarget：须要删除属性的对象
2. key：须要删除的属性的键

Reflect.deleteProperty()最好的法子也接受一还有一个多多参数，并提供了deleteProperty陷阱函数的默认实现。

let target = {
    name: 'target',
    value: 42
}

let proxy = new Proxy(target, {
    deleteProperty(trapTarg, ke) {
        if (ke === 'value') {
            return false;
        } else {
            return Reflect.deleteProperty(trapTarg, ke);
        }
    }
})

let result = delete proxy.value;
let result1 = delete proxy.name;
console.log(result);
console.log(result1);

我的博客即将同步至腾讯云+社区，邀请亲们并肩入驻：https://cloud.tencent.com/developer/support-plan?invite_code=2n9b6sotx9wkc