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

在 JavaScript 中跨檔案存取變數

您可以從一個 JavaScript 檔案存取另一個 JavaScript 檔案中宣告的變數嗎？答案是肯定的，儘管有一定的限制。

JavaScript 中的變數作用域

在 JavaScript 中，在全域作用域中宣告的變數可以被所有載入後載入的腳本存取。宣布。這意味著，如果您在名為first.js的檔案中聲明變數，則可以在另一個名為second.js的檔案中存取它，前提是second.js在first.js之後載入。

範例

考慮以下範例：

first.js

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

second.js

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

在此範例中，colorCodes 變數在first.js 中宣告。當 secondary.js 載入時，它可以存取 colorCodes 並檢索其成員。

全域視窗物件

跨檔案存取變數的另一種方法是使用全域視窗物件。 window 物件在所有網頁和腳本中都可用，可用於存取全域變數和函數。

範例

<code class="js">// first.js
window.colorCodes = {
  back: "#fff",
  front: "#888",
  side: "#369",
};
// second.js
alert(window.colorCodes.back); // alerts "#fff"</code>

這種方法確保變數即使腳本以不同的順序載入也可以存取。

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