跨文件存取變數

在 JavaScript 中，可以在不同文件中存取一個文件中宣告的變數。這個概念對於將程式碼組織到模組中或管理共享資料特別有用。

變數可訪問性

變數可以在一個文件中聲明，如果在全域範圍內聲明，則可以在另一個文件中使用。全域作用域是指JavaScript執行的最上層，網頁上載入的所有腳本都可以存取它。

例如，在名為first.js的檔案中，我們可以宣告一個名為colorCodes的變數：

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

現在，在另一個名為secondary.js 的檔案中，我們可以存取colorCodes 變量，就好像它是在本地聲明的一樣：

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

要從不同的檔案存取在全域範圍內宣告的變量，只需直接使用其名稱即可。

封裝和共享數據

而全域範圍變數可以輕鬆共享數據，因此必須使用封裝和模組來確保數據隱私和維護程式碼組織。現代 JavaScript 模組可讓您定義封裝變數並將其匯出以在其他檔案中使用。此方法可推廣最佳實務並保護您的資料免於不必要的修改。