[자바스크립트] 함수를 선언하는 3가지 방법 (함수 선언식, 함수 표현식, 화살표 함수)

함수를 선언하는 3가지 방법

1. 함수 선언식 (function declaration)

• 일반적인 함수 선언
• 호이스팅이되서 코드 맨 앞줄에 자동으로 선언이된다

function 함수이름() {
  함수실행문
}

sayHello();
// 함수의 선언식은 호이스팅이되기 때문에 함수가 실행된다

function sayHello() {
  console.log('Hello World');
}

2. 함수 표현식 (function expression)

• 함수를 변수에 저장
• 일반 함수와 다르게 호이스팅이 되지 않는다

let 변수명 = function() {
  함수실행문
}

sayHello();
// 함수의 표현식은 호이스팅이되지 않기 때문에 함수가 실행되지 않는다

let sayHello = function() {
  console.log('Hello World');
}

3. 화살표 함수 (arrow function)

• 기존 함수를 화살표를 사용해서 간결하게 만들어준 함수
• 일반 함수와 다르게 호이스팅이 되지 않는다

변수키워드 변수명 = () => 함수실행문;

let sayHello = () => { console.log('Hello World'); }