ローカル変数をグローバル変数にしたい

Question

前提

JavaScriptでグラフを使たシステムを作っています。

実現したいこと

とあるローカル変数をグローバル変数にしたい。
方法はなんでも構いません
よろしくお願いいたします。

該当のソースコード

    <div id="network"></div>
    <script type="text/javascript">
      (async() =>{
        try{
          const res1 = await fetch("nodes.json");
          const jsondata1 = await res1.json();
          const nodes = new vis.DataSet(jsondata1);

          const res2 = await fetch("edges.json");
          const jsondata2 = await res2.json();
          const edges = new vis.DataSet(jsondata2);
          const container = document.getElementById('network');
          
          const data = {
            nodes: nodes,
            edges: edges
          };

          const options = {}
          const network = new vis.Network(container, data, options);
          //この上の変数をグローバル変数にしたい
          network.on("oncontext", function(params) {
            if (params.nodes.length == 1) {
              const nodeId = params.nodes[0];
              const node = nodes.get(nodeId);
              location.assign(node.image);
            }
          });
          network.on("click", function(params) {
          const nodeId = params.nodes[0];
            if (nodeId) {
              const nodeP = network.getPositions(nodeId);
              const values = Object.values(nodeP);
              for (const xy of values) {
                network.moveTo({
                  position: xy
                });
              }
              timeline.focus(nodeId);
            }
          });
          network.setOptions(options);
        }catch (err){
          console.log(err);
          return
        }  
      })();
    </script>

Comments

[y_waiwai]

グローバル変数にするのはいいですが、そうやってなにをしようとしてるんでしょうか。
あなたが思ってるようにはなりませんよ

[Arthur11]

ここに書いてあるとある変数をローカル変数からグローバル変数にして
この下にある別スクリプトの処理に使いたいと考えております。
async/awaitの関数を宣言していない、別のコードでは上手く動作していたため、
グローバル変数にしたら行けると思い、質問している次第なのですが
私はJavascriptが未熟なために分からないのですが、あなたが思ってるようにはならないとはどういう意味でしょうか？

[hoshi-takanori]

「この下にある別スクリプトの処理」が実行されるタイミングで、そのグローバル変数に中身が入ってるとは限らないってことかと…。

[y_waiwai]

> async/awaitの関数を宣言していない、別のコードでは上手く動作していたため、

そこではどういうふうにグローバル変数にしてるんでしょう

[Arthur11]

グローバル変数ってプログラム内ならどこでも参照できると思っていたのですが違うのでしょうか？
実際、async/awaitの関数を宣言していない、別のコードではグローバル変数の受け渡しはできていました。
上記のコードのローカル変数内のnetworkには中身が入っているのは確認していたため、ローカル変数からグローバル変数に変えれば行けないかな？と思っていた次第です。
下のスクリプトの処理ではグローバル変数で受け渡しできていたのですがこの方法ではダメでしょうか？

[Arthur11]

普通に
const network = new vis.Network(container, data, options);
としただけですが

[y_waiwai]

なら、そのうまくいくコードとうまくいかないコードを提示して、どうすればうまくいくのか、を質問すればどうでしょうか。

Answer 1

何もつけないで変数を定義したらグローバル変数にできました
お騒がせしました

Answer 2

グローバル宣言を使用する
ローカル変数をグローバル変数にするには、変数を定義する前に「global」キーワードを使用します。

例:

def func():
global x
x = 10

モジュールを使用する
モジュールを使用することで、ローカル変数をグローバル変数のように使用することができます。モジュール内の変数は、モジュール内のすべての関数で参照できるようになります。

例:

module.py

x = 10

def func():
print(x)

main.py

import module

module.func() # 10

クラスを使用する
クラスを使用することで、ローカル変数をグローバル変数のように使用することができます。クラス内の変数は、クラス内のすべてのメソッドで参照できるようになります。

例:

class MyClass:
x = 10

def func(self):
print(self.x)

obj = MyClass()
obj.func() # 10