[JavaScript] 자바스크립트 함수 선언식과 함수 표현식

UMC 2주차 웹 스터디를 하면서 익명함수가 함수 표현식이고 기명함수가 함수 선언식인 걸 처음 알게 되었다!!

그 전까지는 그냥 함수 이름을 지정하지만 않으면 익명함수인 줄 알았는데 익명함수도 함수 이름이 있을 수 있다는 것도 알게 되었다. 함수 이름이 있는 익명함수 때문에 익명함수 기명함수 개념이 좀 더 헷갈렸던 것 같다.

 

익명함수와 기명함수 차이

• 함수 선언문은 무조건 함수명 정의되어야 하고, 함수 표현식은 없어도 된다.
• 함수 선언문은 함수 전체가 호이스팅 되고, 호출 함수 표현식은 변수의 선언문만 호이스팅된다 => 함수 선언식은 함수 선언 코드 위에서 호출 O, 함수 표현식은 X
• 함수 표현식은 함수를 변수에 할당하는 개념이다. 따라서 변수 스코프 규칙을 따른다.(변수가 선언된 스코프에서만 사용 가능)

함수 표현식

• 익명 함수 표현식 (Anonymous Function Expression)

const letter = function () {
  //...
}

• 명명 함수 표현식 (Named Function Expression) 

const letter = function name() {
  // ...
}

• 즉시 실행 함수 표현식 (Immediately-invoked Expression)

const letter = (function () {
  //...
})()

• 화살표 함수 표현식 (Arrow Function)

const letter = () => {
  //...
}

 

 

함수 재사용성을 생각하면 함수 선언식 쓰고, 재사용 필요 없고 바로 실행되는 게 더 중요할 때 함수 표현식 사용하면 된다.