러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발

181

6

장

함수

건 함수 표현식입니다. 표현식으로 사용되지 않았다면 함수 선언입니다.

이 차이는 다분히 이론적이며, 일반적으로는 이 차이에 대해 생각할 필요가 없습니다. 나중에

호출할 생각으로 함수를 만든다면 함수 선언을 사용하면 되고, 다른 곳에 할당하거나 다른 함

수에 넘길 목적으로 함수를 만든다면 함수 표현식을 사용하면 됩니다. 복잡하게 생각할 필요는

없습니다.

6.7

화살표 표기법

ES6

에서 새로 만든

화살표 표기법

arrow

notation

도 환영받는 문법입니다. 화살표 표기법은 간단히

말해

function

이라는 단어와 중괄호 숫자를 줄이려고 고안된 단축 문법입니다. 중요한 차이가

하나 있는데, 곧 설명하겠습니다.

화살표 함수

5

에는 세 가지 단축 문법이 있습니다.

●

function

을 생략해도 됩니다.

●

함수에 매개변수가 단 하나 뿐이라면 괄호(

( )

)도 생략할 수 있습니다.

●

함수 바디가 표현식 하나라면 중괄호와

return

문도 생략할 수 있습니다.

화살표 함수는 항상 익명입니다. 화살표 함수도 변수에 할당할 수는 있지만,

function

키워드

처럼 이름 붙은 함수를 만들 수는 없습니다.

다음 예제를 보십시오. 이들 표현식은 모두 동등한 한 쌍입니다.

const

f1

=

function

() {

return

"

hello

!"; }

// 또는

const

f1 ...