한 JavaScript 파일에 정의된 변수를 다른 JavaScript 파일에 어떻게 액세스할 수 있나요?

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

다른 JavaScript 파일에서 변수에 액세스할 수 있습니까? 예, second.js와 같은 다른 파일 내에서 first.js와 같은 파일에 정의된 변수를 사용할 수 있습니다.

전역 범위 및 액세스

JavaScript에서 다음과 같은 경우 변수가 전역 범위(즉, 함수 내가 아닌)에서 선언되면 정의된 후 로드된 모든 스크립트에서 사용할 수 있게 됩니다. 이는 first.js의 colorCodes라는 변수가 second.js에서 액세스될 수 있음을 의미합니다.

예제 코드

예는 다음과 같습니다.

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

<code class="javascript">// second.js
alert(colorCodes.back); // alerts "#fff"</code>

순서 및 스크립트 로드 태그

HTML 파일에서 first.js가 second.js보다 먼저 로드되어 두 번째 스크립트에서 변수를 사용할 수 있는지 확인하세요.

<code class="html"><script type="text/javascript" src="first.js"></script>
<script type="text/javascript" src="second.js"></script></code>

대안 접근법

창 객체(또는 전역 범위)에 변수를 저장하여 액세스할 수도 있습니다. 그것:

<code class="javascript">// first.js
window.colorCodes = {
  // ... same object as before
};</code>

<code class="javascript">// second.js
alert(window.colorCodes.back); // alerts "#fff"</code>

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