JavaScriptの即時関数に固定した引数をセットする方法

元の形

const element = hogehoge;

if (id == null) {
mogeApi(element).done //以下略

} else {
mogesApi(element, id).done //以下略

}

と条件分岐でゴチャゴチャしている記述をまとめるべく、３ファイルに分割し、使用側を以下のようにしたいと考えています。

理想形

function(api, arg) {
const element = hoge;

api(arg(element)).done

}

引数としてapiとargumentを渡すだけの記述に変えたいと思っています。

idなし

argの方は即時関数を使い、idなしの場合は以下で動作することが出来ました。

(mogeApi, function(arg){ return arg }

しかし、idありの場合の記述で詰まっています。

idあり

const id = 1;

(mogesApi, function(arg){ return arg, id }// argは使う側で指定、idだけは渡す側から固定させたい。

しかし、上記の記述だとreturnされるのが渡したidだけになってしまい、うまく行きません。
うまくmogesApi(element, id)の形にしたいのですが、何かいい方法があれば教えていただきたいです。
よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

JavaScript
1if (id == null) {
2  mogeApi(element).done //以下略
3} else {
4  mogesApi(element, id).done //以下略
5}

JavaScriptは関数を戻り値に設定して、そこから平然と実行したりメソッドを叩けます。
なので、単に冒頭のこいつをまるっと関数化して別ファイルに隔離してしまえば良いのでは？

JavaScript
1var moge = function (element, id) {
2  if (id == null) {
3    return mogeApi(element);
4  } else {
5    return mogesApi(element, id);
6  }
7}
8
9// idがない場合
10moge(element, null).done // 以下略
11
12// idありの場合
13const id = 1;
14moge(element, id).done // 以下略