함수표현식과 함수선언식 & 화살표 함수

함수 표현식과 선언식의 차이는 무엇일까?

함수 표현식

console.log(helloA());

let helloA = function () {
  return "안녕하세요?";
}

• 변수 helloA에 함수를 담을 수 있다.
• 호이스팅이 되지않는다.
  -> ReferenceError: Cannot access 'helloA' before initialization
  호이스팅이 되지않아 출력할 수 없다.
  

함수 선언식

console.log(helloB());

function helloB() {
	return "반갑습니다."
}

• 호이스팅이 가능하다.
  호이스팅이 가능하여 정상적으로 출력된다.
  

함수를 간단히 표현하는 방법

let helloA = function() {
	return "안녕하세요?"
}

위와같은 함수 표현식이 있다.
이것을 간단하게 표현해보자.

let helloA = ()=>{
	return "안녕하세요?"
}

console.log(helloA()); //"안녕하세요?"

위와같이 화살표 함수를 이용하여도 정상출력 되는것을 알 수 있다.

만약 위와같이 return값 한줄만 가진다면 더 줄일 수 있다.

let helloA = ()=> "안녕하세요?"

console.log(helloA()); //"안녕하세요?"

중괄호 내용이 한줄이면 바로 return값을 입력함으로써 코드를 간단하게 표현할 수 있다.