ES6/ES2015を使用したJavaScriptのデフォルトパラメータ

getdocs

2年前

JavaScriptで関数パラメーターのデフォルト値を定義できるようになりました。デフォルト値は、引数が欠落している場合、または引数が未定義と評価された場合に使用されます。

簡単な例で非常に理解しやすいです。 y が指定されていない場合、または undefined が指定されている場合に、値3がどのように使用されるかに注意してください。

function add(x, y = 3) {
  console.log(x + y);
}

add(3, 9); // 12
add(3) // 6
add(12, undefined) // 15
add(undefined, 8); // NaN, x doesn't have a default value

デフォルトのパラメータは、操作を実行するときに少なくとも空の配列またはオブジェクトリテラルを使用できるようにするために非常に役立ちます。デフォルトのパラメータを使用した例を次に示します。

function addToGuestList(guests, list = []) {
  console.log([...guests, ...list]);
}

addToGuestList(['Bob', 'Andy']); // ['Bob', 'Andy']
addToGuestList(['Bob', 'Andy'], ['Roger']); // ['Bob', 'Andy', Roger]

そして、同じ例なし：

function addToGuestList(guests, list) {
  console.log([...guests, ...list]);
}

addToGuestList(['Bob', 'Andy']); // ['Bob', 'Andy', undefined]
addToGuestList(['Bob', 'Andy'], ['Roger']); // ['Bob', 'Andy', Roger]