JavaScript에서 중첩된 하위 개체의 상위 개체에 어떻게 액세스할 수 있나요?

Javascript 개체: 상위 관계 결정

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

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

<code class="javascript">obj: { subObj: { foo: 'hello world' } };</code>

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

<code class="javascript">var s = obj.subObj;</code>

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

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

대체 솔루션

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

<code class="javascript">var main = {
    name : "main object",
    child : {
        name : "child object",
        parent : null
    },
    init : function() {
        this.child.parent = this;
        delete this.init;
        return this;
    }
}.init();</code>

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

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

<code class="javascript">main.child.parent.name // returns "main object"</code>

위 내용은 JavaScript에서 중첩된 하위 개체의 상위 개체에 어떻게 액세스할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!