JavaScript 개체 내에서 내부 값을 참조하려면 어떻게 해야 합니까?

JavaScript 개체 내에서 내부 값을 참조하는 방법

JavaScript에서 동일한 개체 내의 다른 값을 참조하는 개체 내의 값에 액세스 때로는 어려울 수 있습니다. 다음 코드 조각을 고려해보세요.

<code class="js">var obj = {
  key1: "it ",
  key2: key1 + " works!"
};

alert(obj.key2);</code>

이 코드는 "key1이 정의되지 않았습니다."라는 메시지와 함께 오류가 발생합니다. 이 문제를 해결하려면 특수 키워드 this를 사용할 수 있습니다. 그러나 개체 내에서 this.key1 또는 this[key1]에 액세스하려고 시도하면 여전히 오류가 발생합니다.

내부 값 참조를 위한 함수 사용

대신 직접 속성에 액세스하는 경우 원하는 값을 반환하는 객체 내 함수를 정의할 수 있습니다. 예:

<code class="js">var obj = {
  key1: "it ",
  key2: function() {
    return this.key1 + " works!";
  }
};

alert(obj.key2());</code>

key2를 함수로 정의하면 객체 내의 this 키워드에 액세스할 수 있어 key1을 참조할 수 있습니다. 이제 Alert() 함수는 "작동합니다!"라는 올바른 출력을 표시합니다.

위 내용은 JavaScript 개체 내에서 내부 값을 참조하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!