JavaScript入門④

JavaScriptの勉強をしたので備忘録として記事を書きます。（その4）

---

JavaScriptの関数

• 関数の書き方として以下２種類の書き方がある。
  • 関数宣言
  • 関数式 （関数式では最新の仕様でアロー関数を使える）

//関数宣言
function getTriangleArea (base,height){
  return base * height / 2;
}

//関数式
const getTriangleArea = function (base, height){
  return base * height / 2;
}

//アロー関数
const getTriangleArea = (base, height) => {
  return base * height / 2;
}

• 関数宣言と関数式の違い
  • 関数宣言：宣言と呼び出しの順番を問わない。
  • 関数式：宣言が先、呼び出しが後に書かれている必要がある。
    コードの可読性としては、先に宣言を書いておいた方が読みやすいです。

// 関数宣言
sayHello(); //呼び出しが先でもOK
function sayHello() {
  console.log('hello');
}

// 関数式（アロー関数）
const sayHello = () => {
  console.log('hello');
}
sayHello(); //呼び出しは後

---

• アロー関数のさまざまな書き方

引数が１個の時は()を省略できる　(引数がない場合は、省略できない)

const getCircleArea = r => {
  return r * r * Math.PI;
}

returnが１行の時はreturnを省略可能

const getCircleArea = r => r * r * Math.PI;