Javascript 개체: 상위 관계 결정

Javascript에서는 개체를 중첩하여 계층 구조를 만들 수 있습니다. 그러나 중첩된 하위 개체에서 상위 개체에 액세스하는 것은 어려울 수 있습니다.

다음 중첩 개체를 고려하세요.

obj: { subObj: { foo: 'hello world' } };

s 내의 하위 객체를 참조하려면 다음을 사용합니다:

var s = obj.subObj;

이제 s를 사용하여 상위 객체 obj를 얻으려고 합니다.

불행히도 Javascript에는 하위 객체에서 상위 객체를 검색하는 직접적인 메커니즘이 없습니다. 이는 하위 개체가 상위 개체의 존재를 알지 못하기 때문입니다.

대체 솔루션

한 가지 해결 방법은 중첩된 개체 내에서 상위-하위 관계를 설정하는 기능을 활용하는 것입니다. . 위의 코드를 확장하면:

var main = {
    name : "main object",
    child : {
        name : "child object",
        parent : null
    },
    init : function() {
        this.child.parent = this;
        delete this.init;
        return this;
    }
}.init();

init 함수에서는 상위 객체를 하위 객체 내의 상위 속성에 할당합니다. 이것을 호출함으로써 우리는 중첩된 자식 객체 내에서 현재 객체(즉, 메인)를 참조합니다. 마지막으로 코드 명확성을 위해 init 함수를 제거했습니다.

이 기술을 사용하면 이제 하위 항목에서 상위 개체에 액세스할 수 있습니다.

main.child.parent.name // returns "main object"