JavaScript基本(Arrow Function)

3443 ワード
JavaScript テキストリンク

Arrow Function


JavaScriptには、関数を宣言する方法が3つあります.
  • function calcAge(birthYear){return 2021-birthYear}
  • const calcAge = function(birthYear){return 2021-birthYear}

  • Arrow Function
    • Arrow Functionを使用して上記の関数を記述します.
    const calcAge = birthYear => 2021-birthYear;
    このときArrowFunctionはreturnを使わずに自動的に値を返します.
    これは、単純な関数を1行使用する場合に便利です.
    このときパラメータの数とコードの行数が増加した場合、どのように記述しますか?
    ()と{}で直接包むだけでいいです.
    const whenIsBirthD = (currentYear, birthYear, birthMonth, birthDate) =>{
const age = currentYear - birthYear;
return `I'm ${age}years old, my birth day is ${birthMonth},${birthDate}, %{birthYear}`
}
    この場合、1行のコードとは異なり、returnを明示的に書く必要があります.
    レイアウト、愛憎の浮き彫り
    25日目TIL