JavaScriptの()()構文について

Question

JavaScriptの書き方で

const PATH = [methods.env.PATH, (0, _utils.fromRoot)('path/to/filename'), '/path/to/filename'].filter(Boolean);

や

const availablePath = (0, _load.find)(paths, path => ... );

のコードの中にある、(0, _utils.fromRoot)('path/to/filename')や(0, _load.find)(paths, path => ... )の小括弧を二つ使う書き方の名前とかご存知の方がいらっしゃいましたらお願いします。

Comments

[mattn]

http://2ality.com/2015/12/references.html koba04 さん(https://twitter.com/koba04)にリンクを教えて貰いました。用途としては this を global にするためですが、なぜそうなるのかが書かれています。

[mattn]

ちなみに↑のリンクによると最初の引数は 0 でもそれ以外でもなんでもいいそうです。

[退会済みユーザー]

mattnさん リンクとても参考になりました！

Answer 1

(Function)(引数)形式の即時関数については、mts10806さんがお答えしているので
Function部分についての補足を。

var data = ("a",1,"123");
console.log(data);// "123"が入る

質問のように、カンマ演算子で区切ると"a",1,"123"のすべて値・式の評価を行うが最終の
値・式がdataに代入される。
そのため、(0, _utils.fromRoot)のような場合、_utils.fromRootに定義された関数を
引数'path/to/filename'で呼び出すにほぼ等しいことになる。

_utils.fromRoot('path/to/filename');// ・・・1
(0, _utils.fromRoot)('path/to/filename');// ・・・2

ただし、両者の違いはformRoot内でのthisコンテキストの違いである。
この1の場合はfromRoot関数内でのthisは[_utils]となるが、2の場合はfromRoot関数内での
thisは（ブラウザの場合）windowとなる。
これは、上記のカンマ演算子によるもので分解すると以下のようになるため、thisコンテキスト
の参照ことなることになる。

var fromRoot = (0, _utils.fromRoot);
fromRoot('path/to/filename');

USのスタックオーバーフローに似たような質問がありました。
What is the meaning of this code (0, function) in javascript [duplicate]

Answer 2

下記が参考になるかもしれません。

• JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。