エレクトロン、変化するグローバル変数を外部モジュールに公開する

Question

グラフ分析のためにcytoscape.jsのElectronアプリを開発しました。現在、私はコードベースのリファクタリングと外部モジュールへの関数の移動を行っています。現在、私は可変スコープと戦っています。

1. 私は、ユーザーがグラフとやりとりするときに変化するいくつかの変数を持っています。
2. 解析の種類によって異なるUI（ボタン）が読み込まれます。

問題：変数の最近の値を、コードを簡略化する方法でモジュールに渡すことはできません。

次のコードは、コアの問題を示しています。

// app.js 

// require the module 
const printValue = require('./printValue.js') 

// global variable that I want to access 
let selectedNode = '' 

// called when a user clicks on node on the graph 
cytoscape.on('tap', 'node', selection => { 
    // stores the node's data 
    selectedNode = selection.target[0] 

    // I wan't to avoid that, since I load different configurations 
    printValue(selectedNode) // prints the most recent value 
}) 


// loads the different buttons 
if (configuration === '1') { 
    // I want to transfer it to an external module 
    const button = document.getElementById('button-id') 
    button.addEventListener('click',() => { 
    console.log(selectedNode) // prints the most recent value 
    }) 

    // I want to make this part work 
    printValue(selectedNode) // prints '', the initial value of the variable 
} else if (configuration === '2') { 
    // loads different buttons with different functions 
} 

モジュールは、私が何をしたいのか、次のコード

// module.js 

    module.exports = function printValue (value) { 
    const button = document.getElementById('button-id') 
    button.addEventListener('click',() => { 
     console.log(value) 
    }) 
    } 

を持って、モジュール内の各コンフィギュレーションのボタンの宣言と関連する機能を移動することです。次に、ユーザーが選択したアプリの設定に基づいてこれらのモジュールを呼び出します。

Answer 1

彼の有用なコメントと値渡しの参照については、Royalbingbongが寄付されます。

これは非常に役に立ちましたlinkトピックについて詳しく説明しました。

ここには、更新された（動作中の）コードサンプルがあります。

selectedNodeが文字列（プリミティブ型）として宣言されたため、更新された値をモジュールに渡すことができませんでした。 selectedNodeがオブジェクトに変更され、変数値がoutputキーで格納されています。 selected valueはprintValue関数に渡され、そこでoutputキーの値が出力されます。モジュールは

// module.js 

module.exports = function printValue (selectedNode) { 
    const button = document.getElementById('button-id') 
    button.addEventListener('click',() => { 
    console.log(selectedNode.output) // the other important bit 
    }) 
}