https://github.com/jsrei/js-deep-proxy

JS的递归Proxy实现
https://github.com/jsrei/js-deep-proxy

deep-proxy hook javascript js-reverse-development

Last synced: 10 months ago
JSON representation

JS的递归Proxy实现

• Host: GitHub
• URL: https://github.com/jsrei/js-deep-proxy
• Owner: JSREI
• License: mit
• Created: 2022-11-01T03:24:26.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-11-01T17:19:47.000Z (over 3 years ago)
• Last Synced: 2025-06-27T19:47:43.223Z (12 months ago)
• Topics: deep-proxy, hook, javascript, js-reverse-development
• Language: JavaScript
• Homepage:
• Size: 2.93 KB
• Stars: 9
• Watchers: 1
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# JavaScript Deep Proxy

# 一、简介

对JavaScript原生的Proxy的扩展，增加递归Proxy的功能。 

## 何为Deep Proxy

JavaScript原生的Proxy只能代理传入的对象的直接属性，但对于属性的属性则代理不到，比如：

```json

{

    "a": {

        "b": "xxx"

    }

}

```

对于上面的对象，使用原生的Proxy能够代理到a属性，但是代理不到a属性上的b属性，这个库就是解决这个问题的，能够·从a一直代理到任意层级的属性。 

# 二、Example

```js

const {deepProxy} = require("./main");

(() => {

    const fuck = {

        "name": "CC11001100",

        "skill": [

            {

                "name": "eat",

                "level": 100,

            },

            {

                "name": "drunk",

                "level": 100,

            },

            {

                "name": "sleep",

                "level": 99,

            },

            {

                "name": "coding",

                "level": 3,

            }

        ],

        "other": {

            "judge": "又菜又爱玩"

        }

    };

    const fucked = deepProxy(fuck, {

        get(target, p, receiver) {

            console.log(`尝试获取属性： ${p}`);

            return target[p];

        }

    });

    console.log(fucked.skill[0].name);

    // Output:

    // 尝试获取属性： skill

    // 尝试获取属性： 0

    // 尝试获取属性： name

    // eat

})();

```