Proxy代理defineProperty方法

web_sea

于 2019-08-13 16:09:30 发布

阅读量794

点赞数

CC 4.0 BY-SA版权

分类专栏： proxy代理 ES6 JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_43513495/article/details/99443458

proxy代理同时被 3 个专栏收录

12 篇文章

订阅专栏

ES6

12 篇文章

订阅专栏

JavaScript

12 篇文章

订阅专栏

本文深入探讨了JavaScript中Proxy对象的defineProperty方法如何拦截并修改Object.defineProperty操作，通过具体代码示例展示了如何使用defineProperty方法来控制对象属性的添加与修改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

介绍

defineProperty方法拦截Object.defineProperty操作
Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。

直接看代码吧

 {
           var handler = {
               defineProperty:function(target,key,descriptor) {
                   console.log(descriptor);
                   target[key] = descriptor.value;
                  // return false;
               }
           };
           var target = {};
           var proxy = new Proxy(target,handler);
           proxy.foo = 'bar'
           console.log('proxy添加新的属性：',proxy);
        }

        //经过上面的实例可得出Proxy代理内的definneProperty方法return true/false并没有任何意义。
        //当目标对象添加属性的方法被拦截defineProperty方法若不添加      **target[key] = descriptor.value;**，则不能添加属性。

        //注意，如果目标对象不可扩展（non-extensible）,则defineProperty不能增加目标对象上不存在的属性
        //否则会报错。另外，如果目标对象的某个属性不可写（writable）或不可配置（configurable）,
        //则defineProperty方法不得改变这两个设置。