본문 바로가기
javascript pure/javascript 기본

5. 함수-2

by leo2114 2023. 3. 18.
반응형

#2 매개변수와 인수

매개변수(parameter)와 인수(argument)는 함수를 정의하고 호출할 때 사용됩니다. 매개변수는 함수 정의 시 함수의 인자로 사용되는 변수를 말하며, 인수는 함수를 호출할 때 전달되는 실제 값입니다.

함수를 호출할 때 인수를 전달하면, 매개변수에 해당하는 값이 할당됩니다. 이때, 매개변수는 함수 내부에서 변수처럼 사용될 수 있습니다.

아래는 매개변수와 인수를 사용하는 예제 코드입니다.

// 두 수를 더하는 함수를 정의합니다.
function add(x, y) {
  return x + y;
}

// add 함수를 호출하면서 인수를 전달합니다.
const result = add(2, 3);

console.log(result); // 5

위 예제에서 add 함수는 x와 y 두 개의 매개변수를 가지고 있습니다. 이 함수를 호출할 때 2와 3이라는 인수를 전달했기 때문에, x에는 2가 할당되고, y에는 3이 할당됩니다. 따라서 return x + y 구문에서는 2 + 3의 결과인 5가 반환됩니다.

또한, 함수를 정의할 때 매개변수의 개수를 지정하지 않아도 됩니다. 이 경우에는 인수의 개수와 매개변수의 개수가 일치하지 않아도 에러가 발생하지 않습니다.

// 인수의 개수와 매개변수의 개수가 다른 함수를 정의합니다.
function concatStrings(str1, str2, str3) {
  return str1 + ' ' + str2 + ' ' + str3;
}

// 두 개의 인수만 전달하면, 나머지 매개변수는 undefined로 할당됩니다.
const result1 = concatStrings('Hello', 'World');
console.log(result1); // 'Hello World undefined'

// 네 개의 인수를 전달하면, 뒤에 두 개의 인수는 무시됩니다.
const result2 = concatStrings('Hello', 'World', '!');
console.log(result2); // 'Hello World !'

위 예제에서는 concatStrings 함수가 세 개의 매개변수를 가지고 있지만, 두 개 또는 네 개의 인수를 전달하여 함수를 호출할 수 있습니다. 두 개의 인수를 전달할 경우, 나머지 매개변수는 undefined로 할당되어 undefined가 출력됩니다. 네 개의 인수를 전달할 경우, 뒤에 두 개의 인수는 무시됩니다.

 

반응형

'javascript pure > javascript 기본' 카테고리의 다른 글

9. 객체와 배열-3  (0) 2023.03.18
8. 객체와 배열-2  (0) 2023.03.18
7. 객체와 배열-1  (0) 2023.03.18
6. 함수-3  (0) 2023.03.18
4. 함수-1  (0) 2023.03.18
3. 연산자와 조건문  (0) 2023.03.18
2. 변수와 데이터 타입  (0) 2023.03.18
1. 자바스크립트란 무엇인가?  (0) 2023.03.17