グローバルではなく他のモジュールで編集できる変数を作成するにはどうすればよいですか？

Question

私はゲームを開発しており、ゲームのさまざまな側面（ユニット、アップグレードなど）を保持する変数saveを持っています。ゲームコードは、アップグレードやアチーブメントなどのいくつかのモジュールに分かれています。

他のモジュールでsave変数にアクセスするにはどうすればよいですか？インポートすると変数の読み取り専用コピーが得られますが、これは有用ではありません。変数をグローバルにすることなく他のモジュールと変数を共有するにはどうすればいいですか？

私は問題の最も簡単な解決策を探しているわけではありません。ベストプラクティスを探しています。

EDIT：私はES6のインポート/エクスポート機能を使用しています。

Answer 1

インポートすると、変数の読み取り専用コピーが得られる可能性がありますが、インポートされたオブジェクトはであるではありません。あなたは複数のモジュールが書き込みできる種類の状態オブジェクトを共有したい場合はそのため、次のことができます。

import saveState from './saveState'; 

saveState = { world: { } }; // Doesn't work 
saveState.world = {};  // Does work 

...私はこのようなパターンを提唱したいないこと（共有状態はupredictabilityのすべての種類につながります）。メソッドと共有オブジェクトを持ち、そのオブジェクトが内部状態を維持するようにしてください。

Answer 2

es6を使用している場合は、ローカルモジュール変数を作成し、ユーティリティー関数をエクスポートして元の値を変更することができます。

// save-module.js 
let Save = { 
    score: 0, 
    room: 'main' 
} 

export changeRoom(room){ 
    Save.room = room; 
} 
export addScore(){ 
    Save.score++; 
} 
export subtractScore(){ 
    Save.score--; 
} 
export getSaveObject(){ 
    return Save; 
} 

// other-module.js 
import { changeRoom, addScore, subtractScore, getSaveObject } from './save-module'; 

// Do something here with the fns and it should update the Save variable