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

169

6

장

함수

6.2

호출과 참조

자바스크립트에서는 함수도 객체입니다. 따라서 다른 객체와 마찬가지로 넘기거나 할당할 수

있습니다. 함수

호출

과

참조

의 차이를 이해하는 것이 중요합니다. 함수 식별자 뒤에 괄호를 쓰

면 자바스크립트는 함수를 호출하려 한다고 이해하고, 함수 바디를 실행합니다. 그리고 함수를

호출한 표현식은 반환 값이 됩니다.

괄호를 쓰지 않으면

다른 값과 마찬가지로 함수를 참조하는

것이며, 그 함수는

실행되지 않습니다

. 자바스크립트 콘솔에서 다음을 직접 실행해 보십시오.

getGreeting

(); // "

Hello

,

World

!"

getGreeting

; //

function

getGreeting

()

함수를 호출하지 않고 다른 값과 마찬가지로 참조하기만 할 수 있다는 특징은 자바스크립트를

매우 유연한 언어로 만듭니다. 예를 들어 함수를 변수에 할당하면 다른 이름으로 함수를 호출

할 수 있습니다.

const

f

=

getGreeting

;

f

(); // "

Hello

,

World

!"

함수를 객체 프로퍼티에 할당할 수도 있습니다.

const

o

= {};

o

.

f

=

getGreeting

;

o

.

f

(); // "

Hello

,

World

!"

배열 요소로 할당할 수도 있습니다.

const

arr

= [

1

,

2

,

3

];

arr

[

1

] =

getGreeting

; // ...