본문 바로가기
TIL/Javascript

/JavaScript/함수(매개변수, 인자, return)(2)

by code_Cook 2021. 12. 31.
'parameter(매개변수)' , 'argument(인자)'

매개변수와 인자는 함수에서 입력에 해당한다.

함수에서 매개변수와 인자는 어떤 형태이며 어떻게 사용되는지 알아보았다.

<script>
  function sum(left, right){
   document.write(left+right+'<br>');
  }
  sum(2,3);
  sum(3,4);
</script>

 

예제에 매개변수와 인자가 사용되어 있다. 

어디에 사용되어 있는지 하나씩 뜯어보았다.

 

  function sum(left, right)

이 코드에서 전과 다르게 함수명('sum') 괄호 안에

left, right라는 단어가 들어가 있다.

left와 right는 인자의 값을 받아 변수로 정의를 하고 함수 안으로 넣어준 매개변수이다.

 

그럼 저 left, right에 값이 들어와야 할 텐데 무엇이 들어갈 수 있을까 알아보았다.

바로 인자 값

sum(2,3);

sum(3,4);

여기서 값을 가져간다.

 

실행해보면 함수가 실행되었을 때 입력값을 주면 함수가 입력값에 따라

다른 결과를 출력하게 된다는 걸 알 수 있다.

 

실행 순서를 살펴보면 

function sum(left, right) 여기서 먼저 인자 값을 받아오고

함수의 내부로 들어가 document.write(left+right+'<br>') 이 코드에 인자 값을

적용시켜 연산한 후 웹브라우저에 출력해 준다.

 

지금 예제는 간단한 사용 예제지만 이를 응용하여 적용시켰을 때에

정말 좋은 효과를 줄듯하다.

 

'TIL > Javascript' 카테고리의 다른 글

/JavaScript/함수(매개변수, 인자, return)(3)  (0) 2021.12.31
/JavaScript/함수(매개변수, 인자, return)(1)  (0) 2021.12.30
/JavaScript/배열과 반복문 사용  (0) 2021.12.29
/JavaScript/반복문  (0) 2021.12.27
/JavaScript/배열  (0) 2021.12.26