JavaScriptから即時関数を排除する - Qiita

即時関数は関数式で関数を作ったら、即時に実行する関数のことです1。JavaScriptでは有名なテクニックの一つですが、他の言語ではほとんど見かけません。まず始めに、なぜ即時関数が必要だったのかを説明し、そこからいかにして即時関数を取り除くかを考えます。 JavaScriptに即時関数が必要な理由 ES52以前のJavaScriptには次のような問題がありました。 グローバルスコープか関数スコープの変数しかない。 モジュールベースではない。 厳格モードへの切り替えが単なる文字列に過ぎない。 これを踏まえて、即時関数を使わざるを得ないところを見ていきます。 1. スクリプト全体を即時関数で囲む どんなプログラミング言語であれ、一つのファイルに全てを書いていくことは現実的ではありません。いずれJavaScriptを複数のファイルに分割して書いていく必要があるでしょう。そのとき、グローバル汚染が

[rekp]

こういうの読むと、jsは多くのプログラマにろくでも無い癖を身に着けさせたんじゃないかなと思う。数が多いから広がりやすいし

[mizchi]

最近 async のせいで ;(async () => {await ...})() とよく書いてる

[isdh]

“モジュールとして読み込まれたcountA.jsとcountB.jsのそれぞれのxは別の物として扱われます。グローバルスコープがモジュールベースでは分離されているということです。”

[tofu-kun]

分かりやすい

[jsstudy]

即時関数 ES6以降のJavaScriptでは、ES5以前の問題点を解決するための手段が提供されています。一つはブロックスコープの変数の導入、もう一つがモジュールの導入です。レガシーブラウザ向けにBabelによるES5への変換は必須

[itouhiro]

「即時関数で囲むのは、グローバル汚染避けるため。スコープを作るため。Cでいうstatic静的変数のため」「ES6以降のJSで即時関数を排除。モジュールとして読み込めばグローバル汚染しない。letとconstでスコープ分割」

[tonkotsuboy_com]

同意&同意