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

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

var obj = {
  key1: "it ",
  key2: key1   " works!"
};

alert(obj.key2);

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

함수를 사용하여 내부 값 참조

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

var obj = {
  key1: "it ",
  key2: function() {
    return this.key1   " works!";
  }
};

alert(obj.key2());

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