자바스크립트에서 함수는 다양한 구성 요소를 가지고 있습니다. 함수를 정의하고 호출하는 방법 외에도 함수를 구성하는 요소에 대해 알아보겠습니다.

매개변수(Parameter)

함수 내에서 사용되는 값을 전달받기 위해 매개변수를 정의합니다. 매개변수는 함수를 정의할 때 괄호 안에 쉼표로 구분하여 나열합니다.

function greet(name) {
  console.log(`Hello, ${name}!`);
}

위 예제에서 name은 greet 함수의 매개변수입니다.

인수(Argument)

함수를 호출할 때 전달되는 실제 값 또는 표현식을 함수의 인수라고 합니다. 함수를 호출할 때 인수를 전달하여 함수 내부의 작업을 수행합니다.

greet('Alice');

위 호출에서 'Alice'는 greet 함수에 전달되는 인수입니다.

반환 값(Return Value)

함수가 실행을 완료하고 반환하는 값이 반환 값입니다. 함수에서 반환 값은 return 키워드를 사용하여 지정합니다.

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

add 함수는 매개변수 a와 b를 더한 값을 반환합니다.

스코프(Scope)

함수는 변수의 유효 범위를 정의하는데 사용되는 스코프를 만들어냅니다. 함수 내에서 선언된 변수는 해당 함수의 스코프 내에서만 접근이 가능합니다.

function calculate() {
  let x = 10;
  console.log(x); // 10
}

위 예제에서 x는 calculate 함수의 내부 스코프에서만 접근이 가능한 지역 변수입니다.

함수의 구성 요소에 대해 알아봤습니다. 함수를 사용할 때 이러한 요소들을 활용하여 보다 효과적인 개발을 할 수 있습니다.

MDN web docs - Functions