学Java的时候学过,所以没感觉到什么神奇的,就是提取一个通用的做法,比如读取一个对象中的某个属性的时候需要判空,每次都需要这么做,这可以使用代理来做,当然,如果只是判空就没意思了,这是用来处理更复杂的业务逻辑的,比如数据库操作需要连接数据库或者处理异常,可以考虑使用代理
来一段简单的
let person = {
name: "barry"
};
// Proxy对象,第一个参数为被代理的对象,第二个参数事要代理什么
// 这里的get是拦截对象属性读取
let proxy = new Proxy(person, {
get: function(target, property) {
if(target[property]) {
return target[property];
}else {
throw new ReferenceError('Property \"' + property + '\" does not exist.');
}
}
})
console.log(proxy.name);
// 如果没有拦截,这里返回的事undefined
console.log(proxy.age);
"barry"
"error"
"ReferenceError: Property \"age\" does not exist.
at Object.get (hajowoqafe.js:14:13)
at hajowoqafe.js:20:44
at https://static.jsbin.com/js/prod/runner-4.1.7.min.js:1:13924
at https://static.jsbin.com/js/prod/runner-4.1.7.min.js:1:10866"
es6除了拦截属性读取,Proxy 支持的拦截操作还有另外12种,一共 13 种。
- get(target, propKey, receiver):拦截对象属性的读取,比如
proxy.foo
和proxy['foo']
。 - set(target, propKey, value, receiver):拦截对象属性的设置,比如
proxy.foo = v
或proxy['foo'] = v
,返回一个布尔值。 - has(target, propKey):拦截
propKey in proxy
的操作,返回一个布尔值。 - deleteProperty(target, propKey):拦截
delete proxy[propKey]
的操作,返回一个布尔值。 - ownKeys(target):拦截
Object.getOwnPropertyNames(proxy)
、Object.getOwnPropertySymbols(proxy)
、Object.keys(proxy)
、for...in
循环,返回一个数组。该方法返回目标对象所有自身的属性的属性名,而Object.keys()
的返回结果仅包括目标对象自身的可遍历属性。 - getOwnPropertyDescriptor(target, propKey):拦截
Object.getOwnPropertyDescriptor(proxy, propKey)
,返回属性的描述对象。 - defineProperty(target, propKey, propDesc):拦截
Object.defineProperty(proxy, propKey, propDesc)
、Object.defineProperties(proxy, propDescs)
,返回一个布尔值。 - preventExtensions(target):拦截
Object.preventExtensions(proxy)
,返回一个布尔值。 - getPrototypeOf(target):拦截
Object.getPrototypeOf(proxy)
,返回一个对象。 - isExtensible(target):拦截
Object.isExtensible(proxy)
,返回一个布尔值。 - setPrototypeOf(target, proto):拦截
Object.setPrototypeOf(proxy, proto)
,返回一个布尔值。如果目标对象是函数,那么还有两种额外操作可以拦截。 - apply(target, object, args):拦截 Proxy 实例作为函数调用的操作,比如
proxy(...args)
、proxy.call(object, ...args)
、proxy.apply(...)
。 - construct(target, args):拦截 Proxy 实例作为构造函数调用的操作,比如
new proxy(...args)
。