7. 함수 ( Function )

7.1) 함수(Function) 의 기본

☞ 기본적으로 함수를 정의하는 방법은 2가지가 있습니다.

① 함수 표현식 ( Function Expression )

: 변수 d는 모든 하나의 정보를 넣을 수 있는 큰 그릇이므로 함수를 정의하여 담을 수 있으며, 이렇게 함수를 정의한 방식을 함수 표현식이라고 합니다.

② 함수 선언식 ( Function Declaration )

: 변수에 함수를 넣지 않고 바로 함수를 정의하여 선언한 방식을 함수 선언식이라고 합니다.

7.2) 함수의 구성 및 실행 순서

☞ 함수를 크게 두 부분으로 나누자면 ① 함수 정의 부분과 ② 함수 호출(실행) 부분으로 나눌 수 있습니다.

위 그림의 함수의 실행 순서를 따라가며 설명하도록 하겠습니다.

자바스크립트가 실행되고 함수를 만나면

1. 먼저 ① add 라는 이름을 가진 함수를 정의합니다. 그리고 쭉 내려와 ② 함수 호출(실행) 부분을 만납니다.
2. ② 함수 호출(실행) 부분을 살펴보면 괄호( )는 함수를 호출(실행) 하라는 의미이며, 따라서 add라는 이름을 가진 함수를 실행시키라는 뜻입니다. 그리고 괄호 안의 2, -2 를 인자(argument)라고 하며 ④ 함수 정의 부분에 있는 x, y에 매개변수로써 전달됩니다.
3. 인자가 ④매개변수로 전달이 되면 x = 2, y = -2가 되고 ⑤ 내부 코드 result = x + y 가 실행됩니다.
4. ⑤ 내부 코드의 실행이 모두 끝나고 ⑥ return을 만나게 되면 result 값을 ② 함수 호출(실행) 부분에 다시 넘겨주게 되고 함수 실행은 종료됩니다. 여기서 return을 살펴보자면 return은 외부로 값을 돌려주는 동시에 함수를 종료시키는 두 가지 역할을 합니다.