JavaScript에서 파일 간 변수에 액세스

JavaScript 프로그래밍 영역에서는 다음에서 선언된 변수에 액세스해야 하는 상황에 직면할 수 있습니다. 한 파일에서 다른 파일로. 이 문서에서는 이 작업의 복잡성을 자세히 살펴보고 포괄적인 솔루션을 제공할 것입니다.

전역 변수와 지역 변수

자바스크립트에서 변수는 두 가지 주요 방법으로 선언될 수 있습니다. 범위: 글로벌 및 로컬. 전역 변수는 함수 외부에서 선언되며 스크립트의 모든 부분에서 액세스할 수 있습니다. 반면 지역 변수는 함수 내에서 선언되며 해당 함수 내에서만 액세스할 수 있습니다.

전역 변수 액세스

다른 파일의 전역 변수에 액세스하려면 , 첫 번째 파일의 전역 범위에서 선언되어야 합니다. 제공된 응답에서 언급했듯이 전역 범위의 변수는 선언된 후 로드된 모든 스크립트에 액세스할 수 있습니다.

예:

// first.js
var colorCodes = {
  back: "#fff",
  front: "#888",
  side: "#369"
};

// second.js
alert(colorCodes.back); // alerts "#fff"

다른 방법

전역 변수를 사용하는 것 외에도 파일 간에 데이터를 공유하는 다른 기술이 있습니다:

• 창 속성: 창이라는 속성은 페이지의 모든 스크립트에 액세스할 수 있습니다. 창 개체에 변수를 할당하고 다른 파일에서 해당 변수에 액세스할 수 있습니다.

// first.js
window.colorCodes = {
  back: "#fff",
  front: "#888",
  side: "#369"
};

// second.js
alert(window.colorCodes.back); // alerts "#fff"

• 이 속성: 이 속성은 전역 범위의 창 개체와 동일합니다. 이 속성은 첫 번째 파일에서 사용되어 다른 파일에서 액세스할 수 있는 변수를 저장할 수 있습니다.

// first.js
this.colorCodes = {
  back: "#fff",
  front: "#888",
  side: "#369"
};

// second.js
alert(this.colorCodes.back); // alerts "#fff"

이러한 기술을 활용하면 JavaScript 파일 간에 변수를 효과적으로 공유하고 애플리케이션의 여러 모듈 간의 원활한 통신을 촉진할 수 있습니다.