デフォルト値

  • 投稿日
  • 著者 NKMR
  • カテゴリー JavaScript

デフォルト値は関数の引数や分割代入で初期値として設定できる。
関数実行の際に引数を設定されていないケースでも表示させたいデフォルトの値を設定できる。（関数実行の際に引数を設定するとそちらが反映される）
初期値を設定することでundifindを避けられる。

const sayHello = (name = 'hoge') => console.log(`こんにちは${name}さん！`);
sayHello();

// 分割代入でも使える↓
const myProf = {
  age: 30,
};
const { myName = 'hoge', age } = myProf;
console.log(age);
// オブジェクトでmyNameは設定されていないが、myName = 'hoge'でデフォルト値を設定しておくと表示される↓
console.log(myName);
基本