14.Proxy

最新推荐文章于 2024-01-20 23:47:02 发布

哈哩噜啾啾哈呀呀

最新推荐文章于 2024-01-20 23:47:02 发布

阅读量214

点赞数

分类专栏：读书笔记 # ES6入门

本文链接：https://blog.csdn.net/weixin_42798473/article/details/107694709

版权

本文介绍了JavaScript中的Proxy，它用于创建一个对象的代理，从而实现对对象操作的拦截和自定义。Proxy能拦截get、set、has等13种操作，并提供了revocable方法来撤销代理。在实际应用中，Proxy常用于Web服务客户端，实现数据访问的控制和复杂逻辑。

摘要由CSDN通过智能技术生成

概述

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

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

Proxy 实际上重载（overload）了点运算符，即用自己的定义覆盖了语言的原始定义。

var proxy = new Proxy({
   }, {
   
  get: function(target, propKey) {
   
    return 35;
  }
});

proxy.time // 35
proxy.name // 35
proxy.title // 35

上面代码中，作为构造函数，Proxy接受两个参数。第一个参数是所要代理的目标对象（上例是一个空对象），即如果没有Proxy的介入，操作原来要访问的就是这个对象；第二个参数是一个配置对象，对于每一个被代理的操作，需要提供一个对应的处理函数，该函数将拦截对应的操作。比如，上面代码中，配置对象有一个get方法，用来拦截对目标对象属性的访问请求。get方法的两个参数分别是目标对象和所要访问的属性。可以看到，由于拦截函数总是返回35，所以访问任何属性都得到35。

注意，要使得Proxy起作用，必须针对Proxy实例（上例是proxy对象）进行操作，而不是针对目标对象（上例是空对象）进行操作。

如果handler没有设置任何拦截，那就等同于直接通向原对象。

同一个拦截器函数，可以设置拦截多个操作。