Just Do IT!

[JavaScript] Parameter(매개변수)와 Argument(인자)의 차이 본문

개발 공부/JavaScript

[JavaScript] Parameter(매개변수)와 Argument(인자)의 차이

MOON달 2023. 3. 28. 15:31
728x90
function Sum(num1, num2) {
	return num1+num2;
}
// num1, num2는 parameter

Sum(5, 10);
// 5, 10 은 argument

 

 

 

 

Parameter

= 매개변수 (변수)

  • 함수를 정의할 때 사용하는 변수
  • 메소드 선언의 변수 목록
  • 인자를 받기 위한 매개채로써 선언된 변수라는 의미
  • 함수 내부에 있는 인자로써 특정한 값이 정해져 있는 것이 아니라 함수가 호출하면서 건내준 argument 값이 변수(variable)에 담기게 된다

 

  • 실제 매개 변수 (actual parameter) : 인자가 특정 변수의 값으로 넘겨지는 경우 이 특정 변수를 실제 매개 변수라 부른다
  • 형식 매개 변수 (formal parameter) : 인자값을 변수로 넘겨줄 때 이를 형식 매개 변수라 부른다.

 

 

 

 

 

 

 

Argument

= 인수(인자)

  • 실제로 함수가 호출될 때 넘기는 변수값
  • 메소드가 호출될 때 전달되는 실제 값 => 함수를 호출할 때 값을 전달한다고 해서 전달인자라고도 부른다
  • 호출할 때마다 수시로 변하는 값(value)이기 때문에 변수가 아닌 값(value)로 정의한다

argument의 특징

  • 함수의 매개변수보다 적게 인수를 전달할 경우와 전달되지 않은 인자에는 undefined 값이 할당된다.
  • 매개변수보다 많게 인수를 전달 할 경우 초과된 인수는 무시되지만 arguments라는 객체에 할당된다.
  • arguments는 지역변수이며, arguments 객체를 통하여 초과로 전달된 인수를 참조할 수 있다.
  • 매개변수 개수가 정확하게 정해지지 않은 함수를 구현하거나 전달된 인자의 개수에 따라 서로 다른 처리를 해줘야 하는 함수를 생성할 때 유용하다

 

 

 

 

 

 

 

 

 

 

 

 


MDN 문서로 자세히 보기

arguments

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/arguments

 

arguments 객체 - JavaScript | MDN

arguments 객체는 함수에 전달된 인수에 해당하는 Array 형태의 객체입니다.

developer.mozilla.org

 

default parameter

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Default_parameters

 

기본값 매개변수 - JavaScript | MDN

기본값 함수 매개변수 (default function parameter)를 사용하면 값이 없거나 undefined가 전달될 경우 이름붙은 매개변수를 기본값으로 초기화할 수 있습니다.

developer.mozilla.org