아규먼트(Argument)와 파라미터(Parameter)의 차이점

✔ 1. 함수의 아규먼트와 파라미터
✔ 2. arguments 객체
✔ 3. 디폴트 매개변수와 나머지 매개변수

1. 함수의 아규먼트와 파라미터

 1) 파라미터(parameter)
 - 매개변수 : 함수를 정의 할 때, 외부로부터 받아들이는 임의의 값(변수: variable).
 - function(x,y){ return x+y } 에서 x,y가 파라미터(매개변수)이다.

 2) 아규먼트(argument)
 - 인수 : 함수를 호출할 때 이 때 사용하게 되는 일련의 값들(value).
 - function(3,4) 에서 3,4 가 아규먼트이다.(위의 파라미터 예시로 들었던 함수를 호출한다면)
 - '파라미터의 값으로 아규먼트 3과 4를 대입하였다' 라는 의미가 성립.

출처 : https://enarastudent.tistory.com/3

함수의 아규먼트와 파라미터의 차이

2. arguments 객체

 1) 함수의 정의보다 더 많은 수의 인수가 전달되면, 매개변수에 대입되지 못한 인수들은 참조할 방법이 없게 된다.
 2) arguments 객체를 이용하면, 함수로 전달된 인수의 총 개수를 확인하거나, 각각의 인수에도 바로 접근할 수 있다.
 3) arguments 객체는 함수가 호출될 때 전달된 인수를 배열의 형태로 저장하고 있다. 

❗ arguments 객체는 배열과 비슷할 뿐, 실제로 Array 객체는 아니다.

❗ 숫자로 된 인덱스와 length 프로퍼티만을 가지고 있을 뿐, 모든 것을 배열처럼 다룰 수는 없다.

 

3. 디폴트 매개변수와 나머지 매개변수

1) 디폴트 매개변수(default parameter)

 - 정의 : 함수를 호출할 때 인수를 전달하지 않았을 경우에 사용하게 될 기본값을 의미한다.

 - 자바스크립트에서 매개변수의 기본값은 undefined 값으로 설정되어 있다.

 - 디폴트 매개변수를 이용하면 이러한 매개변수의 기본값을 바꿀 수 있다.

❗ 디폴트 매개변수는 익스플로러, 사파리, 오페라에서 지원하지 않습니다.

 

2) 나머지 매개변수(rest parameter)

 - 나머지 매개변수는 생략 접두사(...)를 사용하여 특정 위치의 인수부터 마지막 인수까지를 한번에 지정할 수 있다.

 - 첫 번째 인수에서 두 번째 인수부터 마지막 인수까지를 뺀 후 그 결과를 반환하는 예제

 - 하지만 나머지 매개변수를 이용하면 sub() 함수를 좀 더 직관적으로 정의할 수 있다.

❗ 나머지 매개변수는 익스플로러, 사파리에서 지원하지 않다.

 

출처: http://www.tcpschool.com/javascript/js_function_parameterArgument