함수의 출력

함수의 출력은 return문을 통해서 출력이 됩니다.

ex1

<script>
      function argument1(){
         return 'kimhandeul'
      }
      function argument2(){
         return 'namhaein'
      }
      
      alert(argument1());
      alert(argument2());
</script>

return문이 실행되면 우선 현재 함수를 종료시킵니다. 그리고 return뒤에 있는 값을 해당 함수에 출력값으로 반환합니다.

즉, return이라는 키워드를 통해 함수가 종료되고 뒤에있는 kimhandeul이라는 값이 함수argument1로 반환 됩니다.




그런 후에 alert을 통해 argument1이라는 함수를 호출하면 반환된 'kimhandeul'이라는 값이 경고창에 뜨게 됩니다.

확인을 누르면 순차적으로 argument2라는 함수의 반환값을 띄웁니다.

함수의 입력

함수의 입력은 인자라고 합니다.

ex1)

<script>
      function argument(arg){ 		<== 인자값을 받아내는 매개변수
         return arg;		<== 함수의 출력
      }
      alert(argument(1));		<== 가로안의 값 = 인자
      alert(argument(2));		<== 가로안의 값 = 인자
</script>

(1) argument라는 함수를 호출 할때 1이라는 숫자를 arg에 넣어주고(입력)

arg = 1; 처럼 arg는 변수역할이 됩니다.

이것을 매개변수라고 합니다.


(2) return문과 마주치면서 함수가 종료되고 그 뒤에 arg = 1;는 반환됩니다.





결과는

확인을 누르면 2가 뜨겠죠~





!순서!
입력하는 값(인자) - 그 값을 받아내는 매개변수 - 매개변수는 return으로 출력

함수의 복수인자

추가적으로 알아볼 내용입니다.

함수의 입력과 같다고 생각하시면 됩니다.

<script>
      function arguments(arg1, arg2){
         return arg1 + arg2;
      }
      alert(arguments(10, 20));
      alert(arguments(30, 40));
</script>

이렇게 여러개의 입력값을 입력할 수 있습니다!

당연히 브라우저 결과는

처럼 나오게 됩니다~





처음이라서 그런지 로직에대해 너무 복잡하다는 생각이 드네요😂