Parameter (파라미터)와 Argument (아규먼트)

 

🟨 Parameter (매개변수)

함수를 정의할 때 괄호 ( ) 안에 선언하는 변수를 의미한다.

function add(a, b) {
    return a + b;
}

// a, b - 파라미터 //

• 함수 내부에서 사용할 값을 받기 위한 변수이다.
• 함수 호출 시 전달받은 값이 저장된다.
• 호출되기 전에는 값이 할당되지 않은 상태이다.

 

🟨 Argument (인수)

함수를 호출(실행)할 때 함수로 전달하는 실제 값을 의미한다.

add(10, 20);

// 10, 20 - 아규먼트 //

• 파라미터에 전달되는 실제 데이터이다.
• 숫자, 문자열, 객체, 배열 등 모든 데이터 타입을 전달할 수 있다.

 

◼ Parameter와 Argument의 관계

1️⃣ 아규먼트 개수와 파라미터 처리

JavaScript는 파라미터와 아규먼트의 개수가 달라도 에러가 발생하지 않는다.

• 아규먼트가 부족한 경우: 전달되지 않은 파라미터는 undefined가 된다.
• 아규먼트가 많은 경우: 초과된 아규먼트는 일반적인 파라미터로 전달되지 않는다.
  • 단, arguments 객체 또는 Rest Parameter(...)를 사용하면 추가 값을 처리할 수 있다.

 

2️⃣ 기본값 설정 (Default Parameter)

ES6부터 파라미터에 기본값을 설정할 수 있다. 아규먼트가 전달되지 않았을 때 기본값이 사용된다.

function welcome(name = "손님") { // '손님'이 기본값
    console.log("어서오세요, " + name + "님!");
}

welcome();           // 결과: 어서오세요, 손님님! (아규먼트 없음)
welcome("홍길동");    // 결과: 어서오세요, 홍길동님! (아규먼트 있음)

 

 

 

📋 비교표 📋

구분	Parameter (파라미터)	Argument (아규먼트)
이름	매개변수	인수
위치	함수 정의부	함수 호출부
의미	값을 받는 변수	전달하는 실제 값
예시	function add(a, b)	add(10, 20)

 

 

📍 POINT 📍

✔️ Parameter는 함수 선언 시 작성하는 변수이다.  ✔️

✔️ Argument는 함수 호출 시 전달하는 실제 값이다.  ✔️

✔️ 기본값(Default Parameter)을 사용하면 전달되지 않은 값에 대비할 수 있다.  ✔️

 

 

---

 

⚙️ 실전 예제 코드⚙️

// 함수 정의
// x, y는 Parameter
function multiply(x, y) {
    return x * y;
}

// 함수 호출
// 10, 5는 Argument
const result = multiply(10, 5);

console.log(result); // 50