こんにちは、さち です。 JavaScript で変数名を汚染しないために使う「即時関数」。 先日、「即時関数」にアロー関数を使ったときに動かないことがあったので、備忘録として記事を書いておきます。 即時関数の書き方は2種類 以前から使われている「即時関数」には、下記のように記述方法が2種類あります。違いは、末尾のカッコの順番です(3, 7行目)。 (function() { console.log('OK'); })();// OK (function() { console.log('OK'); }());// OK この2種類の即時関数はどちらも正常に動作します。どちらを使うかは個人の好みによるところです。 「アロー関数」だと動くのは1種類だけ ES2015(ES6) から、「アロー関数」という function を使わずに無名関数を書ける書式(関数リテラル)ができました。(関数の定
![JavaScript:即時関数にアロー関数を使うと動かないことがある](https://cdn-ak-scissors.b.st-hatena.com/image/square/fef47cf1b9ee3681fe1b7f7ea4ffd052657730e7/height=288;version=1;width=512/https%3A%2F%2Fat.sachi-web.com%2Fuploads%2F2019%2F07%2Fcoding_image.jpg)