[JS] 함수의 선언과 호출(Function Declaration and Call)

상상의 기계

상상의 기계를 만들어보자
기계의 이름은 'mulTablePrinter'이며 재료 'num'을 넣고 버튼을 누르면 num의 구구단이 나온다.
표현식은 다음과 같다.

function mulTablePrinter(num) {
  console.log(num * 1);
  console.log(num * 2);
  console.log(num * 3);
  console.log(num * 4);
  console.log(num * 5);
  console.log(num * 6);
  console.log(num * 7);
  console.log(num * 8);
  console.log(num * 9);
}

알기 쉽게 표현하면

function 기계이름(재료이름){
작동방식
}

함수란?

• 코드의 묶음이다.
• 버튼을 눌러 사용할 수 있으니 기능(function)의 단위로도 볼 수 있다.
• 입출력간의 매핑(mapping)이 가능하다.
• 반드시 돌아온다 (return)

함수의 선언과 호출

• 함수를 선언(declaration)하면 데이터 보관함의 특별한 자리에 함수가 들어간다.
• 함수를 호출(call, invocation) 하면 사용할 수 있다.

함수의 표현식이 어떻게 평가되는가?

1. 함수를 호출하면 특별보관함에 있던 함수가 조회된다.
2. 함수코드 바디에 있던 parameter들이 호출시 적은 인자들로 전환된다.
3. parameter의 평가가 완료되면 함수코드가 순차적으로 실행된다.
4. return을 하면 함수가 호출된 곳으로 돌아간다.
5. 함수 호출값은 return값으로 바뀐다.

용어정리

함수(function)
호출(call, invocation)
매개변수(parameter)
전달인자(argument)