関数の引数を辞書で一気に渡す方法

Question

こんな関数があったとします。

const func = function(a, b){
  return a+b
}

やりたいこと

const dic = {a:1, b:2}
func(dic)

こういうふうにキーワード引数の情報を含んだ辞書を入力に使う方法はありますか？

修正・追記依頼から

const funcの方は何も変えない、という条件で「渡す側で実装したい」のでしょうか、それとも、渡す方の形を優先して「受け取るfuncの側を書き換える」という対応でもありなのでしょうか。

→ 前者でお願いします。

Comments

[maisumakun]

const funcの方は何も変えない、という条件で「渡す側で実装したい」のでしょうか、それとも、渡す方の形を優先して「受け取るfuncの側を書き換える」という対応でもありなのでしょうか。

[Zuishin]

おっとうっかり質問者を見ずに回答するところだった。

Answer 1

関数定義を変えていいなら↓

const func = function({a, b}){
  return a+b
}
const dic = {a:1, b:2}
func(dic)  

ダメなら↓

const dic = {a:1, b:2}
let a,b;
func( ...({a,b}=dic, [a,b]) )  

もう少し見た目がいい奴を思いついたので追記

( ({ a, b })=>func( a, b ) )(dic);

まあ、でも、奇をてらわずに↓が一番シンプルかつ間違いないでしょう。

func( dic.a, dic.b );

Answer 2

こういうふうにキーワード引数の情報を含んだ辞書を入力に使う方法はありますか？

関数の仮引数に付けられた名前は、JavaScriptの文法上、関数外部からは意味を持たないものです。

汎用性をもたせた形で無理やりやろうとすれば、Function.prototype.toString（MDN）で関数のソースコードを取得した上で、テキストをパースして仮引数の名前を回収するという、コストもかかるし安定性も見込めない、どう考えても常用すべきでない方法しかありません。

Answer 3

分割代入 を使って、以下

function(a, b){

を

function({ a, b }){

に修正すればよいです。

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/qBdJJYd?editors=0012

Answer 4

足し算くらいならこんな感じでできますが

const func =(a,b)=>a+b;
const dic = {a:1, b:2};
console.log(func(...Object.values(dic)));

Comments

[yambejp]

dicのaやbとfuncの引数a,bは対応しているわけではありません

たとえば
const func =(b,a)=>b-a;
const dic = {a:1, b:2};
console.log(func(...Object.values(dic)));

a,bが連携して入れは1だと想定されますが、実際には
順番に渡しているだけなので-1になります

[退会済みユーザー]

対応させる方法は存在しないのでしょうか？

[yambejp]

ユーザー関数の仕様を変えていいなら他の回答者の方の
分割代入が一番それっぽいですけど
でもそれならこれで十分です

const func = x =>x.b-x.a;
const dic = {a:1, b:2};
console.log(func(dic));