ES6中的Proxy概述(Note)

Proxy 用于修改某些操作的认行为,等同于在语言层面做出修改,所以属于一种“元编程”(Meta programming),即对编程语言进行编程。


下面是 Proxy 支持拦截操作一览,一共 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)。

相关文章

原文连接:https://www.cnblogs.com/dupd/p/5951311.htmlES6...
以为Es6,javascript第一次支持了module。ES6的模块化分为导...
视频讲解关于异步处理,ES5的回调使我们陷入地狱,ES6的Prom...
TypeScript什么是TypeScript?TypeScript是由微软开发的一款开...
export class AppComponent { title = 'Tour of heroes...
用 async/await 来处理异步昨天看了一篇vue的教程,作者用as...