4. 함수-1

#1 함수의 정의와 선언

함수는 프로그래밍에서 가장 기본적인 구성 요소 중 하나입니다. 자바스크립트에서 함수는 변수와 마찬가지로 하나의 데이터 타입이며, 변수와 마찬가지로 값을 저장할 수 있습니다. 함수는 특정한 동작을 수행하기 위해 코드 블록을 묶어 이름을 붙인 것입니다.

함수는 기본적으로 두 가지 방법으로 정의할 수 있습니다. 첫 번째 방법은 함수 선언문을 사용하는 것이며, 두 번째 방법은 함수 표현식을 사용하는 것입니다.

함수 선언문

함수 선언문은 다음과 같은 형식을 가지고 있습니다.

function 함수명(매개변수) {
  // 함수 내용
}

예를 들어, 두 개의 숫자를 더하는 함수를 선언해보겠습니다.

function addNumbers(num1, num2) {
  return num1 + num2;
}

이 함수는 addNumbers라는 이름으로 선언되어 있으며, 두 개의 매개변수 num1과 num2를 받아서 더한 값을 반환합니다.

함수를 호출할 때에는 다음과 같이 함수 이름 뒤에 괄호를 붙여서 호출합니다.

var result = addNumbers(10, 20);
console.log(result); // 30

위 코드에서 addNumbers 함수를 호출하면, num1에 10이, num2에 20이 전달되어 두 숫자를 더한 값인 30이 반환됩니다. 이 값은 result 변수에 저장되어 콘솔에 출력됩니다.

 

함수 표현식

함수 표현식은 함수를 변수에 할당하는 방식으로 정의합니다. 이 방식은 함수를 값으로 다룰 수 있기 때문에 자바스크립트에서 유용하게 사용됩니다. 다음은 함수 표현식의 예시입니다.

const add = function(x, y) {
  return x + y;
}

console.log(add(2, 3)); // 5

위 예시에서는 add라는 변수에 함수를 할당하였습니다. 이렇게 함수를 변수에 할당하면 변수명으로 함수를 호출할 수 있습니다.

함수 표현식에서는 함수 이름을 생략할 수 있습니다. 이 경우, 함수는 익명 함수(anonymous function)가 되며 변수명으로만 함수를 호출할 수 있습니다.

const multiply = function(x, y) {
  return x * y;
}

console.log(multiply(2, 3)); // 6

위 예시에서는 함수 이름을 생략하였습니다. 이 경우, multiply 변수명으로 함수를 호출할 수 있습니다.

함수 표현식은 함수를 값으로 취급하기 때문에 다른 함수의 매개변수로 전달할 수 있습니다.

function calculate(x, y, operation) {
  return operation(x, y);
}

const result = calculate(2, 3, function(x, y) {
  return x + y;
});

console.log(result); // 5

위 예시에서는 calculate 함수에서 operation 매개변수로 함수를 받아들이고, 이 함수를 호출하여 결과를 반환합니다. 이때, function(x, y) { return x + y; } 부분이 함수 표현식입니다. 이 함수는 operation 매개변수로 전달되며, 두 수를 더하여 결과를 반환합니다.