자바스크립트: 함수 (Project ARCHIVE #4)

1. 선언 방식의 변화

(1) 옛날 방식 (Function Declaration)

function 키워드 사용.
호이스팅(Hoisting) 지원: 함수를 아래에 만들어도 위에서 실행 가능. (가독성을 해칠 수 있음)

function add(a, b) {
  return a + b;
}

(2) 요즘 방식 (Arrow Function) ⭐

const와 => 사용.
호이스팅 불가: 반드시 선언을 먼저 해야 실행 가능. (예측 가능성 UP)

const add = (a, b) => {
  return a + b;
};

2. 핵심: 중괄호 {}와 return의 관계 (세트 메뉴)

화살표 함수는 코드가 짧으면 괄호를 생략할 수 있는 강력한 기능이 있다. 단, 규칙이 있다.

(1) 중괄호가 있으면? 👉 return 필수!

포장지({})로 감쌌으면, 배달(return)을 명시해야 한다.

// ❌ 오답 (undefined 반환)
const toPyung = (m2) => { m2 * 0.3 } 

// ✅ 정답
const toPyung = (m2) => { return m2 * 0.3 }

(2) 중괄호가 없으면? 👉 return 생략! (자동 반환)

코드가 한 줄이라면 포장지를 벗겨버리자. 알아서 값을 반환해준다. (암시적 반환)

// 가장 깔끔한 실무 코드
const toPyung = (m2) => m2 * 0.3;