javascript 関数スコープからグローバルスコープ

Question

javascriptで、関数内で宣言した変数をグローバルスコープにする方法はありますか？

Comments

[AT_2nd]

実行環境はブラウザでしょうか、node.jsでしょうか。
或いは何か別のものでしょうか。

[tomotomo2]

返信いただきありがとうございます。
実行環境は、ブラウザ(Clome)で、node.jsです。

[AT_2nd]

関数内で変数を宣言しなければ、グローバル変数に直接アクセスしますが、
それでは駄目なのでしょうか？

[int32_t]

答えは「方法はありません」だと思いますけど、どうしてこの疑問を持つに至ったか理由を書いていただけると別の解決策が得られるかもしれません。

[tomotomo2]

返信いただきありがとうございます。
疑問を持つに至った理由は、
内容をあまり詳しく言えなくて、恐縮です。

Socket.ioで、別端末からデータを取得するwebアプリを作成していたのですが、
データ取得の際に、受信用の関数？に値が入ってきます。

その後、受信した値を活用するため、その受信用関数の中に処理を書いていたのですが、
その処理が描画部分に関わっていて、受信の度にwebがリロードされてしまうと言う問題が発生していました。
と言う理由です。
長々と失礼いたしました。

[Zuishin]

「グローバル」をどういう意味で使っていますか？

[tomotomo2]

javascriptはじめたてなので、間違っていたら申し訳ないのですが、
htmlのなかに<script>...</script>と書いた時、そのカッコの中身のどこでも呼び出せると言う意味で、グローバルという言葉を使っていました。

[Zuishin]

セッションをまたいで使えなくてもいいんですよね？
よく見ると AT_2nd さんが既に書かれていますが、私の回答のように var や const などなしで変数に値を代入するとグローバルスコープの変数になります。こういうことじゃないんでしょうか？

[tomotomo2]

「 var や const などなしで変数に値を代入するとグローバルスコープの変数になります。」
と言う返信で、やっと理解しました。
実際に、実装してみたところ成功致しました。
ご協力いただき、ありがとうございます。

Answer 1

関数を呼び出すときにwindowのプロパティに設定してみては？

Comments

[yambejp]

var x=1;
console.log(x); //出力:1
(()=>{
var x=2;
console.log(x); //出力:2
})();
console.log(x); //出力:1
(()=>{
var x=3;
window.x=x;
})();
console.log(x); //出力:3

[tomotomo2]

返信いただきありがとうございます。
この方法を試してみましたが、出力:3で初期値が表示されました。
他の方法も考えて試してみます。

[yambejp]

まるっとコピペしても出力が3にならないのでしょうか？
OSやブラウザの種類・バージョンなど提示してみては？

Answer 2

const func = () => {
	hello = "Hello World!";
};

func();
console.log(hello);

こういうことじゃないんですか？

Comments

[Zuishin]

ただし、これはグローバル関数に限ったことではありませんが、hello が既にローカルスコープで作成されている場合はグローバルスコープにならないので注意してください。関数の中で関数を定義している時など要注意です。

Answer 3

こんばんは。

とりあえず、globalThis のプロパティを参照するぐらいしかないのでは。
globalThis - JavaScript | MDN

var hoge = "global";

function fuga(){
  var hoge = "local";

  function piyo(hoge){ 
    hoge += "です。"
    console.log("hoge = ",hoge); // hoge =  globalです。
  }

  piyo(globalThis.hoge);
}

fuga();

Comments

[Lhankor_Mhy]

あ、いや、これだと値が渡ってるだけだから、適切な例示じゃないか。