🦓 정의되지 않은 속성이 없는 Infinite 객체를 어떻게 생성했습니까!? (개정)

😅 만약... 빛을 관찰하는 것만으로 파동이나 입자를 볼 수 있다면, 오 볼 수 있을까요? 좋아요, 물체의 속성을 얻음으로써 그 속성이 생겨나게 한다면 어떨까요?

오래 전에 나는 왜 JavaScript 객체가 존재하지 않는 속성을 점 표기할 수 없는지 궁금했습니다. 글쎄요, 속성 이름의 철자를 잘못 입력하고 어쨌든 일부 데이터를 가져오는 경향이 있는 약간의 오류라고 생각하지만 실제로는 속성 이름이 무엇인지 항상 알 수 없으며 어떤 깊이에서든 이미 이름을 설정할 수 있습니다. 많은 생각없이 속성 .. 그보다 더 이상 오류가 발생하지 않습니다.

그래서 나는 개체가 프록시에 래핑되고 프록시가 가져오려고 할 때 대상 개체에 요청된 속성의 이름을 다른 개체로 정의하고 해당 속성이 존재하지 않으면 .. 재귀적으로 새 개체를 설정하도록 설정했습니다. 프록시로도 사용할 수 있고 그게 다입니다... 끝없는 객체

원본을 작성한 지 몇 년이 지났지만 오늘 몇 가지 모범 사례를 추가하기 위해 코드를 수정했습니다. 이 시점에서 그것은 나에게 모범 사례 😜가 아닌 마술일 수도 있습니다.

const infinieSet = (obj) => {
    return new Proxy(obj, {
        get(tar, prop){
            if(!Object.prototype.hasOwnProperty.call(tar, prop)){
                tar[prop] = {};
            }
            return infinieSet(tar[prop]);
        },
    })
}

용법:

const infinite = infinieSet(target);

// pointless destructure works XD
const {some: {obj: {magic}}} = infinieSet(target);
console.log(magic); // {}

// or

infinite.this.is.not.defined = 'ummm'
infinite.and.yet.it.is = 'huh?'
infinite.the.potential.is.endless ='what is it for?'
infinite
    .template
    .locals
    .could
    .be
    .easier
    .to
    .extend
    .if
    .you
    .could
    .just
    .do
    .this = 'but it must have a value'

// or even from a string
eval('infinite.x.y.z');

/*
{
    "some": {
        "obj": {
            "magic": {}
        }
    },
    "this": {
        "is": {
            "not": {
                "defined": "ummm"
            }
        }
    },
    "and": {
        "yet": {
            "it": {
                "is": "huh?"
            }
        }
    },
    "the": {
        "potential": {
            "is": {
                "endless": "what is it for?"
            }
        }
    },
    "template": {
        "locals": {
            "could": {
                "be": {
                    "easier": {
                        "to": {
                            "extend": {
                                "if": {
                                    "you": {
                                        "could": {
                                            "just": {
                                                "do": {
                                                    "this": "but it must have a value"
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    },
    "x": {
        "y": {
            "z": {}
        }
    }
}
*/

좋아 그래서 여기서 무슨 일이야?

메타 프로그래밍을 사용하여 이 개체에 대한 정의되지 않은 소품이 이미 값이 있는 것처럼 액세스(요청 시 생성)되도록 허용했습니다. 재귀 프록시 기술을 사용했습니다. 프로토타입 체인과 약간 비슷해 보입니다. 주요 차이점은 즉석에서 정의된 것의 출력을 제어할 수 있습니다.

내가 왜 이러지?

내가 과시하고 있었지만 이것이 수년 동안 유용하다는 것이 밝혀졌기 때문에 간단히 말해서 이것은 훨씬 더 효율적입니다(파일 시스템과 같은 깊은 개체를 만드는 데 더 좋습니다). 그때 나는 이렇게 말했다.

I am building an api in express, I don't want to return undefined or cause template errors that crash the page, instead I want to give the option on a special locals object to dynamically assign props to the api and if not defined (although they are), show useful errors as a reaction rather than a catch.