関数の引数が複数ある場合、呼び出し物によって必要な引数と不要な引数がある事が多いですが、引数は順番で、判定するようなので第二引数だけいらない第三だけいらないなど多様なときにどう対処すればよいのでしょう

Question

再利用をする関数の引数が複数ある場合、呼び出し物によって必要な引数と不要な引数がある事が多いですが、引数は順番で、判定するようなので第二引数だけいらない第三だけいらないなど多様なときにどう対処すればよいのでしょうか？

不要な引数の要素も無駄に変数宣言してに取得してあげないとundefinedになって困ります。

Answer 1

※ES6を使える環境前提で書いてみます。

function godFunction({ count = 0, isGod = true, list = [], name = ""} = {} ) {

　//引数を使ったいろいろな処理が間にあると仮定

  //とりあえず意味はないがcountをそのまま返す
  return count;
}
    
godFunction({ name: 'teratail', count: 1, isGod: true })
  
godFunction();

https://repl.it/repls/IdealisticTurboScale

引数をオブジェクトで渡してあげれば、引数をどの順番に渡さないといけないかを気にせずに済むようになります。また初期値を設定してあげれば、undefinedも回避出来ます。

とは言え、場合によって使わない引数がよくあるという状況自体が、１つの関数でいろんなことをやろうとし過ぎているのかもしれませんね。関数合成をして、、、（略）

Comments

[退会済みユーザー]

godFunction({ name: 'teratail', count: 1, isGod: true })

これは始めてみました。
呼び出し元、先の関数の引数の第一引数をオブジェクトにすると、呼び出し先にない値があってもundefinedにならないのですね。
またキーとバリューで渡すので順番も一切気にしなくてもよくなるのですね。

同じ処理は二度かくなとよく言われるので極力関数にした方がいいのかと思っていましたが、むしろそれでわかりずらくなるならむしろ二度書きした方がいいのですね。

関数化は、明らかにシンプルに関数か出来る時だけすればいいのですね。

Answer 2

とりあえず参照しない引数なんてダミーでなにか入れておけばよいでしょう
nullでも渡してあげればいいのでは？

function test(){
  var arg=arguments;
  console.log(arg[0]||null);
  console.log(arg[2]||null);
}
test(100,null,200);
//出力：100,200
test(100);
//出力：100,null

Comments

[退会済みユーザー]

引数にnullを入れることが出来るのですね。これは思いつきませんでした

Answer 3

今すぐ出来る解決手段の1つが引数をオブジェクト1個にする方法です。
一見あり得ない程ダサいですが、ES6でコードを読めばすぐ分かるようになりましたからね。

var fn = ({name, type, code}) => {
  console.log(name, type, code);
}
console.log(fn({
  name: "hoge",
  type: "request",
  code: 200,
})); // "hoge", "request", 200
// プロパティが足りなくても安心
console.log(fn({name: "piko"})); // "piko" undefined undefined

---

別の手段として関数型プログラミングの考えかたから一部輸入してくる方法があります。
カリー化や部分適用と呼ばれる方法です。

「部分適用」の概念が分かりやすいのでこちらを先にやりましょうか。
このfn2やfn3に該当するのが部分適用です。

大げさに「部分適用」みたいなテクニック付けやがって…単純過ぎるだろという怒られが発生しそうですが、
確かに引数1個を要求するけど、2個目や3個目にちゃんと格納されることが確認できます。

var fn = (val1, val2, val3) => {
  if (val1 != null && !isValid(val1)) return false;
  if (val2 != null && !isValid(val2)) return false;
  if (val3 != null && !isValid(val3)) return false;
  return true;
}
var fn2 = val2 => fn(null, val2, null);
var fn3 = val3 => fn(null, null, val3);

他にもJavaScriptならではの機能を使って、こんな書き方でも束縛出来ます。

var fn2 = fn.bind(null, null);
var fn3 = fn.bind(null, null, null);

---

カリー化はちょっと大変です。
例えば3個の引数を要求する関数の場合、
合計3個の引数が届くまで引数を要求する関数を返し続ける関数のことです。

分かりにくいので、簡単なコードにしてみました。

// 普通の関数
var add = (a, b) => a + b
console.log(add(2, 3)); // 5

// カリー化
var curried_add = a => b => a + b
console.log(curried_add(2)(3)); // 5

しかし、このカリー化したadd関数は正当なカリー化ではありません。
上の例では引数1個ずつ渡して発火させましたが、
本来は引数2個でも発火すべきだからです。

var add = a => b => a + b
console.log(add(2)(3)); // 5 <- これはまぁその通り
console.log(add(2, 3)); // (b => a + b) <- 2個目の引数が無視されてる

これ両対応させるの無理じゃね？
そこでちょっと関数を改造します。

JavaScriptの関数は.lengthプロパティが存在し、
関数が求めている引数の数を取り出せます。
これを利用して引数が要求数に満ちるまで実行を遅延させる関数を実装することで解決させます。

var add = (a, b) => a + b;
console.log(add.length); // 2

// 書き方キモいけど許して！ごめんね！
var curry = (fn, ...savings) =>
  savings.length >= fn.length
    ? fn.apply(null, savings)
    : (...args) => {
      const its = [...savings, ...args];
      return its.length >= fn.length
        ? fn.apply(null, its)
        : curry(fn, ...its);
    };
var add = curry((a, b) => a + b);

// どっちの書き方もいける
console.log(add(2)(3)); // 5
console.log(add(3, 4)); // 7
console.log(add(5, 6, 7)); // 11 <- 多すぎる分は無視

// こんな風に引数1個だけ束縛しておく事も可能
var add10 = add(10);
console.log(add10(3)); // 13
console.log(add10(5)); // 15

毎回このcurryとかいうよく分からんのをコピペして宣言しないといけないのか…
そうではありません。

関数型プログラミングが出来るライブラリのLodashやRamda.jsで定義されています。
これらのライブラリを使えば関数の束縛が非常に楽になります。
Ramda.jsが個人的にはオススメなんですが、Lodashは既に人気があり、多くのプロジェクトが採用しているので、すんなり導入出来るんじゃないでしょうか？

少し長くなりましたが以上です