반응형
#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 |