Proxy

Proxy用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程

Proxy可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。Proxy这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”

xxxxxxxxxx
var user = {};

var obj = new Proxy(user,{
    get:function(target, propKey){
        console.log(target, propKey); 
    },
    set:function(target, propKey, value){
        console.log(target, propKey, value);
    }
})

obj.count = 1
obj.count

xxxxxxxxxx
var user = {};

var obj = new Proxy(user,{
    get:function(target, propKey){
        console.log(target, propKey); 
        return 10
    }
})

obj.count = 1
console.log(obj.count);

xxxxxxxxxx
var user = {};

var obj = new Proxy(user, {
    set: function (target, propKey, value) {
        if (propKey === "age") {
            if (!Number.isInteger(value)) {
                throw new TypeError('The age is not an integer');
            }
            if (value > 200) {
                throw new RangeError('The age seems invalid');
            }
        }
        target[propKey] = value;
    }
})

obj.age = 20
obj.name = "iwen"
console.log(obj.age);
console.log(obj.name);

实时效果反馈

1. 下列代码运行结果是什么：

xxxxxxxxxx
var user = {};
var obj = new Proxy(user, {
    get: function (target, propKey) {
        return "不给你看"
    },
    set: function (target, propKey, value) {
        if (propKey === "age") {
            if (!Number.isInteger(value)) {
                throw new TypeError('The age is not an integer');
            }
            if (value > 200) {
                throw new RangeError('The age seems invalid');
            }
        }
        target[propKey] = value;
    }
})
obj.age = 20
obj.name = "iwen"
console.log(obj.age);

A The age is not an integer

B The age seems invalid

C 20

D 不给你看

答案

1=>D