JavaScript 객체는 어떻게 자신 내부의 값을 효과적으로 참조할 수 있나요?

JavaScript 개체 자체 내에서 값 참조를 만드는 방법

JavaScript에서 동일한 개체 내의 값을 참조하는 것은 어려울 수 있습니다. 예를 들어 보겠습니다.

var obj = {
  key1 : "it ",
  key2 : key1 + " works!"
};
alert(obj.key2);

이 시나리오에서는 key2 내부에서 key1을 참조하면 오류가 발생합니다(key1이 정의되지 않음). this.key1 또는 obj.key1과 같은 방법을 사용하여 key1에 액세스하려는 시도도 실패합니다.

과제 극복

이 문제를 해결하려면 독특한 접근 방식을 사용할 수 있습니다. key1의 값을 key2에 저장하는 대신 key2를 원하는 값을 반환하는 함수로 정의할 수 있습니다. 다음을 고려하십시오.

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

이 경우 key2는 더 이상 문자열이 아니라 obj.key1에 액세스하고 필요한 텍스트를 추가하는 함수입니다. 이 함수를 사용하면 obj 내에서 key1 값을 효과적으로 참조할 수 있습니다.

이 기술을 사용하면 JavaScript 객체가 자체 내 값을 참조하여 복잡한 데이터 조작이 가능하고 오류 가능성이 줄어듭니다.

위 내용은 JavaScript 객체는 어떻게 자신 내부의 값을 효과적으로 참조할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!