🧩 자바스크립트 함수 선언과 호출

함수(Function)는 반복되는 작업을 하나의 블록으로 묶어 재사용할 수 있게 해주는 구조입니다. 자바스크립트에서 함수는 기본 중의 기본이며, 다양한 방식으로 선언하고 호출할 수 있습니다.

🔹 함수 선언식 (Function Declaration)

function 키워드를 사용하여 함수를 정의하는 가장 기본적인 방법입니다.

function greet() {
  console.log("안녕하세요!");
}

greet();  // 호출

함수에 값을 전달하고, 결괏값을 되돌려 받을 수 있습니다.

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

let result = add(3, 5);
console.log(result);  // 출력: 8

함수를 변수에 할당하는 방식입니다. 익명 함수(이름 없는 함수)가 자주 사용됩니다.

const sayHello = function() {
  console.log("Hello!");
};

sayHello();

💡 차이점: 함수 선언식은 호이스팅되어 선언 전에도 호출 가능하지만, 함수 표현식은 선언 이후에만 호출할 수 있습니다.

ES6에서 도입된 간결한 함수 표현 방식입니다.

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

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

단일 표현식의 경우 중괄호와 return 생략도 가능합니다:

const square = n => n * n;

console.log(square(4)); // 출력: 16