javascript 関数の引数にオブジェクトリテラルを使用する

javascript 関数の引数にオブジェクトリテラルを使用する

javascriptで、関数の引数にオブジェクトリテラルを使用するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

使い方

オブジェクトリテラルを使用すると、関数の引数の順番などを意識せずに引数を指定することが可能です。

以下のオブジェクトリテラルを使用した引数の順番を

function hoge({ name = '', age = 0 }) {
  console.log('名前:' + name);   // 名前:mebee
  console.log('年齢:' + age);    // 年齢:25
}

hoge({ name: 'mebee', age: 25 });

以下のように入れ替えても、同じ結果を得ることが可能です。

function hoge({ age = 0, name = '' }) {
  console.log('名前:' + name);   // 名前:mebee
  console.log('年齢:' + age);    // 年齢:25
}

hoge({ name: 'mebee', age: 25 });