【Javascript】引数、オブジェクトにデフォルト値を設定する方法

アロー関数引数のデフォルト値

1. デフォルト値なし

(1) 引数設定あり

const greeting = (name) => console.log(`こんにちは、${name}`);

greeting("taro");  # こんにちは、taro

(2) 引数設定なし

const greeting = (name) => console.log(`こんにちは、${name}`);

greeting();  # こんにちは、undefined

2. デフォルト値あり

(1) 引数設定あり

const greeting = (name="名無しさん") => console.log(`こんにちは、${name}`);

greeting("taro");  # こんにちは、taro

(2) 引数設定なし

const greeting = (name="名無しさん") => console.log(`こんにちは、${name}`);

greeting();  # こんにちは、名無しさん

オブジェクト分割代入のデフォルト値

1. デフォルト値なし

user = {
  name: "taro",
}
const { name } = user;
const greeting = `こんにちは、${name}`;
console.log(greeting); # こんにちは、taro

2. デフォルト値あり

user = {
  age: 24,
}
const { name="名無しさん" } = user;
const greeting = `こんにちは、${name}`;
console.log(greeting); # こんにちは、名無しさん