재사용할 수 있는 함수

매개변수, 인수, return

 

• 매개변수
  - 함수를 선언할 때부터 외부에서 값을 받아 줄 변수
  - 함수를 호출할 때 괄호 안에 매개변수의 이름을 넣는다.
  - 매개변수에 이름을 붙이는 방법은 일반적인 변수 이름을 붙이는 것과 같다.
  - 매개변수는 선언된 함수 안에서만 사용되며, 매개변수를 여러 개 사용할 때는 매개변수 이름 사이에 쉼표(,)를 나열한다.
  - 매개변수는 다른 변수와 겹치지 않는 이름을 사용하면 된다.
• 인수
  - 매개변수가 있는 함수를 호출할 때 실제 값 부분
• return
  - 결괏값을 함수 밖에서 사용하려면 함수를 실행한 위치를 돌려줘야 하는데 이런 동작을 값을 반환한다(return)고 한다.
  - 함수의 결괏값을 반환할 때는 예약어 return을 사용해서 다음에 넘겨줄 값을 지정해 주면 된다.
  

  <script>		
      function addNumber(num1, num2){ 								
          return num1 + num2;						
      }
  var result = addNumber(2, 3);
  document.write("두 수를 더 한 값 : " + result);
  </script>​

 

매개변수 기본값 지정하기

 

• ES6부터는 함수에서 매개변수를 선언할 때 기본값을 지정하는 기능이 생겼다.
  

  <script>		
      function multiple(a, b = 5, c = 10) { 	// b = 5, c = 10으로 기본값 지정
          return a * b + c;
      }
  </script>​

 

cf) 사용자에게 입력받은 값은 문자열이므로 parseInt() 함수를 사용해 정수로 변환한다.

<script>
    var userNumber = prompt("얼마까지 더할까요?");
    if (userNumber !== null) {
      calcSum(parseInt(userNumber));
    }
</script>