ファイル間でアクセス可能な変数

JavaScript では、あるファイルで宣言された変数に別のファイル内でアクセスできます。この概念は、コードをモジュールに編成したり、共有データを管理したりする場合に特に役立ちます。

変数のアクセシビリティ

変数は、グローバル スコープ内で宣言されている場合、1 つのファイルで宣言し、別のファイルで使用できます。グローバル スコープは、JavaScript 実行の最上位レベルを指します。これは、Web ページに読み込まれたすべてのスクリプトからアクセスできます。

たとえば、first.js という名前のファイルで、colorCodes:

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

ここで、 Second.js という別のファイルで、ローカルで宣言されているかのように colorCodes 変数にアクセスできます。

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

別のファイルからグローバル スコープで宣言された変数にアクセスするには、その名前を直接使用するだけです。

カプセル化と共有データ

whileグローバル スコープ変数を使用するとデータの共有が容易になりますが、データのプライバシーを確​​保し、コード構成を維持するにはカプセル化とモジュールを使用することが不可欠です。最新の JavaScript モジュールを使用すると、カプセル化された変数を定義し、他のファイルで使用するためにエクスポートできます。このアプローチはベスト プラクティスを促進し、望ましくない変更からデータを保護します。