即時関数の前のビックリマーク

Question

とある人のソースを眺めていると、以下のような即時関数の前にビックリマークを書いている部分を見つけたのですが、これはどういう意味なのでしょうか？

コードは以下にあります。
https://github.com/y-hiraoka/stin-blog/blob/main/scripts/createBlogArticle.js

よろしくおねがいいたします????

Answer 1

その人の記述の癖だと思います
恐らくと下記のように書くのが一般的だと思いますけど

(function(){console.log(1)})();

下記のような書き方も可能です（※これを勧めるような内容のサイトを見た事もあります）

!function(){console.log(1)}();
//とか
+function(){console.log(1)}();

//以下でも。無駄だけど
!!!!!!!!!function(){console.log(1)}();

単にこれらがごっちゃになっていて、とりあえず動くからいいやって感じで混ざって書いちゃってるだけだと思います

Answer 2

おそらくなのですが、レガシーな即時関数の実行のくせを引きずっているだけでは？

function(){console.log(1)}(); 

だとエラーになりますが

!function(){console.log(2)}();

だと、式として評価されて実行されます
（!は+とか-とか式として評価できればなんでもいい）
アロー関数には使えないテクニックです＝昔の癖がでたってことかなと

Answer 3

単項演算子を先頭に入れることで、別なコードと連続した時に続くカッコが関数呼び出しとして誤解釈されるのを阻止しています。

// この様になっていると、foo()という呼び出しと解釈される

var x = foo

(function(){ /* 中身略 */ }())

// !は単項演算子しかないので、上のような誤解釈は起きない

var x = foo

!(function(){ /* 中身略 */ }())

Comments

[Zuishin]

この質問に関しては、セミコロンがついているためにこの説明では通りません。

しかし、元々セミコロン対策でこのような書き方をしているコードを見た人が、意味も分からず真似ている可能性は高いと思います。

他に何か有効な理由があるようには見えませんから、「意味もわからず書いている」「そのオリジナルの元々の理由はこの回答と同じ」という意見として低評価にカウンター高評価します。