Proxy的理解

最新推荐文章于 2024-01-15 17:54:49 发布

skies_7

最新推荐文章于 2024-01-15 17:54:49 发布

阅读量1.8k

点赞数

分类专栏： ES6 文章标签： es6

本文链接：https://blog.csdn.net/qq_41904629/article/details/123587002

版权

本文介绍了JavaScript的Proxy，它能拦截并定制对目标对象的访问。Proxy可以用来创建数据的代理，实现属性读取、设置、删除等操作的拦截。文章详细讲解了Proxy的基本用法，包括当handler为空对象时的情况，以及如何通过同一个拦截器函数拦截多个操作。同时，列举了Proxy支持的13种拦截操作，包括get、set、has、deleteProperty等，展示了其在对象属性管理和控制上的强大能力。

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

1 Proxy的概述

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

// 创建一个代理
var proxy = new Proxy(target, handler);

其中，new Proxy() 表示生成一个 Proxy 实例， target 参数表示所要拦截的目标对象， handler 参数也是一个对象，用来定制拦截行为。
示例如下：

// 创建一个代理，改写对象的get及set方法
var obj = new Proxy({
   }, {
   
  get: function (target, propKey, receiver) {
   
    console.log(`getting ${
     propKey}!`);
    return Reflect.get(target, propKey, receiver);
  },
  set