함수의 매개변수(parameter)와 인수(argument 전달인자)

👾 매개변수(parameter)

 함수의 매개변수란 함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수로 전달된 매개변수는 해당 함수의 지역변수가 된다.

 

 💬 자바스크립트에서 함수를 정의할 때는 매개변수의 타입을 따로 명시하지 않는다. 함수를 호출할 때도 인수로 전달된 값에 대해 어떠한 타입 검사도 하지 않는다. 함수를 호출할 때 함수의 정의보다 적은 수의 인수가 전달되더라도, 다른 언어와는 달리 오류를 발생시키지 않고, 전달되지 않은 나머지 매개변수에 자동으로 undefined 값을 설정한다.

function greeting(name) {
  console.log("hello, " + name);
}

greeting("Anna"); // hello, Anna

 

👩🏻‍💻 example

function getUser (number) {
  let userName = 'fay';
};

console.log(number); // Uncaught ReferenceError: number is not defined
console.log(userName); // Uncaught ReferenceError: userName is not defined

 → 매개변수는 함수 내부에서만 사용 가능하다. (함수 내부에서 선언한 변수도 함수 내부에서만 사용이 가능하다)

 

function getUserName (user1, user2) {
  console.log(user1);
  console.log(user2);
};

getUserName('fay'); // 'fay', undefined

function addNum(x, y, z) {
  return x + y + z;
}

console.log( addNum(1, 2, 3) ) // 6 
console.log( addNum(1, 2) ) // NaN

 → 매개변수의 수보다 적은 인수가 전달되면, 아무것도 전달되지 않은 매개변수는 undefined로 초기화 된다.

 디폴트 매개변수를 사용해 함수를 호출할 때 명시된 인수를 전달하지 않았을 경우에 사용하게 될 기본값을 설정할 수 있다.

 

 디폴트 매개변수란?

디폴트 매개변수와 나머지 매개변수 (with arguments 객체)

 

 

👾 인수(argument 전달인자)

 인수란 함수를 호출할 때 매개변수에 전달되는 값을 말한다.

function greeting(name) { // name은 매개변수(parameter)
  console.log("hello " + name);
}

greeting("fay"); // "fay"는 인수(argument)

 

---

✏️ 공부하며 정리한 내용입니다. 잘못된 정보나 더 공유할 내용이 있으면 댓글로 알려주세요!

읽어주셔서 감사합니다 😊