如何從一個 JavaScript 檔案存取另一個 JavaScript 檔案中定義的變數？

在 JavaScript 中跨檔案存取變數

您可以從不同的 JavaScript 檔案存取變數嗎？是的，可以在另一個檔案（如 secondary.js）中使用在第一個檔案（如first.js）中定義的變數。

全域範圍和存取

在JavaScript 中，如果變數在全域範圍內聲明（即不在函數內），定義後載入的所有腳本都可以使用該變數。這意味著可以在 secondary.js 中存取 first.js 中名為 colorCodes 的變數。

範例程式碼

範例如下：

<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 在secondary.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>

替代方法替代方法您也可以將變數儲存在window 物件上（或全域範圍內）來存取它：

以上是如何從一個 JavaScript 檔案存取另一個 JavaScript 檔案中定義的變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！