자바스크립트 함수 매개변수(Parameter)

함수는 프로그래밍에서 필수적인 요소로, 여러 작업을 수행할 수 있도록 도와줍니다. 자바스크립트에서도 함수를 정의하고 사용할 수 있으며, 함수의 매개변수는 함수에 전달되는 값으로서 함수의 동작을 제어하고 조작하는 용도로 사용됩니다.

함수 매개변수 정의하기

자바스크립트에서 함수 매개변수는 함수의 선언에서 정의됩니다. 다음은 함수 매개변수를 정의하는 기본적인 방법입니다.

function functionName(parameter1, parameter2, parameter3) {
    // 함수 동작을 구현하기 위한 코드
}

위 코드에서 parameter1, parameter2, parameter3는 함수의 매개변수로서 사용됩니다. 이후 함수 내에서 이들 매개변수를 참조하여 원하는 작업을 수행할 수 있습니다.

매개변수의 역할

함수 매개변수는 함수 내에서 다양한 역할을 수행할 수 있습니다.

1. 인자 전달

매개변수를 통해 함수에 인자를 전달할 수 있습니다. 이를 통해 함수가 다양한 입력 값에 대해 작업을 수행할 수 있게 됩니다.

예를 들어, 다음 함수는 두 개의 매개변수를 받아 더한 값을 반환하는 작업을 수행합니다.

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

let result = add(5, 3); // result는 8

2. 매개변수 기본값 설정하기

매개변수에는 기본값을 설정할 수 있습니다. 이를 통해 함수 호출 시 인자를 전달하지 않더라도 기본값으로 동작하도록 할 수 있습니다.

예를 들어, 다음 함수는 name 매개변수에 기본값으로 “Guest”를 설정하여 이름이 전달되지 않은 경우 기본적으로 “Hello, Guest!”를 반환합니다.

function greet(name = "Guest") {
    return `Hello, ${name}!`;
}

let greeting = greet(); // greeting은 "Hello, Guest!"

3. 가변 인자 처리하기

매개변수에 ...을 사용하여 가변 인자를 처리할 수 있습니다. 이를 통해 함수 호출 시 임의의 개수의 인자를 전달할 수 있습니다.

예를 들어, 다음 함수는 가변 인자를 받아 이들을 모두 더한 값을 반환합니다.

function sum(...numbers) {
    let total = 0;
    for (let num of numbers) {
        total += num;
    }
    return total;
}

let result = sum(1, 2, 3, 4, 5); // result는 15

마무리

함수 매개변수는 자바스크립트 함수의 핵심 요소로서, 함수의 동작을 제어하고 조작하는 유용한 도구입니다. 매개변수를 통해 함수에 인자를 전달하거나 기본값을 설정하거나 가변 인자를 처리할 수 있으며, 이를 통해 다양한 작업을 수행할 수 있습니다. 함수를 개발하거나 이해할 때 매개변수의 역할을 명확히 이해하는 것은 매우 중요합니다.