Proxy代理getOwnPropertyDescriptor方法

最新推荐文章于 2024-09-27 10:21:37 发布

原创最新推荐文章于 2024-09-27 10:21:37 发布 · 384 阅读

0 ·

CC 4.0 BY-SA版权

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

12 篇文章

订阅专栏

ES6

12 篇文章

订阅专栏

JavaScript

12 篇文章

订阅专栏

本文详细介绍了 getOwnPropertyDescriptor 方法的工作原理，此方法用于拦截 Object.getOwnPropertyDescriptor 的调用，返回指定对象的自有属性描述符。通过一个示例展示了如何使用 Proxy 对象来控制对目标对象属性的读取。

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

介绍

getOwnPropertyDescriptor方法拦截Object.getOwnPropertyDescriptor,返回一个属性描述对象或者undefined。
Object.getOwnPropertyDescriptor() 方法返回指定对象上一个自有属性对应的属性描述符。（自有属性指的是直接赋予该对象的属性，不需要从原型链上进行查找的属性）

demo

<script>
        var  handler = {
            getOwnPropertyDescriptor (target,key) {
                if(key[0] === '_') {
                    return;
                }
                return Object.getOwnPropertyDescriptor(target,key);
            }
        };
        var target = {_foo:'bar',baz:'tar'};
        var proxy = new Proxy(target,handler);
            console.log(Object.getOwnPropertyDescriptor(proxy,'wat'));//undefined
            console.log(Object.getOwnPropertyDescriptor(proxy,'_foo'));//undefined
            console.log(Object.getOwnPropertyDescriptor(proxy,'baz'));// { value: 'tar', writable: true, enumerable: true, configurable: true }
    </script>