Proxy代理

Proxy代理

Proxy的作用就是允许我们声明一个代理，对某个对象进行一些特殊的访问拦截。

最常见的就是get（读取）、set（修改）对象属性等操作。

在支持Proxy的浏览器环境中，Proxy是一个全局对象，它可以被直接使用。

Proxy(target, handler)是一个构造函数，target即被代理的目标对象，handler是一个对象，

声明了代理target的指定行为。

// 例子：代理对象对数据进行校验
let obj = {
    name: 'dd',
    age: 18
}
let objProxy = new Proxy(obj, {
    set(target, key, value) {
        if (key === 'age' && typeof value !== 'number') {
            throw new Error(`不能把age设置为${value}: not number`)
        }
        return target[key] = value
    },
    get(target, key, receiver) {
        return target[key]
    }
})

objProxy.age = '22'
// Uncaught Error: 不能把age设置为22: not number
 
objProxy.age = 22
obj  // {name: 'dd', age: 22}