[ Javascript ] 함수에 대해서 알아보기

🌱 함수(Function)란 무엇인가?
함수는 특정 작업을 수행하는 독립적인 코드 블록이다. 복잡한 코드를 재사용 가능하게 만들어 코드의 가독성과 유지보수성을 높여준다.

---

📘 함수의 기본 개념

🔹 함수란?

• 정의: 하나의 이름 아래 특정 작업을 수행하는 코드 모음이다. 필요할 때마다 호출해서 사용할 수 있다.
• 역할: 반복적인 작업을 줄이고, 코드를 더 구조적으로 만들어준다.

🔹 함수의 구성 요소

• 함수 이름: 함수를 식별하는 데 사용되는 이름.
• 매개변수(Parameter): 함수로 전달되는 입력 값.
• 반환값(Return Value): 함수 실행 후 결과로 돌려주는 값.
• 함수 본문: 함수가 실제로 수행하는 작업을 정의한 코드 블록.

---

📘 JavaScript에서의 함수 사용

🔹 함수 선언 방식

// 함수 선언식
function greet1(name) {
  return `Hello, ${name}!`;
}

// 함수 표현식
const greet2 = function(name) {
  return `Hello, ${name}!`;
};

// 화살표 함수
const greet3 = (name) => `Hello, ${name}!`;

console.log(greet1('Alice')) //Hello Alice 출력 
console.log(greet2('Alice')) //Hello Alice 출력
console.log(greet3('Alice')) //Hello Alice 출력

• 함수 선언식: 코드의 어느 위치에서도 호출 가능(호이스팅 적용).
• 함수 표현식: 변수에 함수를 할당, 호이스팅의 영향을 받지 않음.
• 화살표 함수: 간결한 문법으로, this 바인딩이 없음.

🔹 함수 호출

greet('Alice'); // "Hello, Alice!"

• 정의된 함수는 이름을 통해 호출할 수 있고, 필요한 인자를 전달한다.

---

📘 함수의 유용한 활용

🔹 재사용성과 유지보수성 향상

• 같은 로직을 반복 작성할 필요 없이 함수로 정의해 여러 곳에서 사용할 수 있다.

🔹 코드의 구조화

• 복잡한 로직을 함수 단위로 나누어 모듈화함으로써 가독성을 높인다.

🔹 콜백 함수와 고차 함수

• 콜백 함수: 다른 함수에 인자로 전달되어 실행되는 함수.
• 고차 함수: 함수를 인자로 받거나 함수를 반환하는 함수.

function repeat(n, callback) {
  for (let i = 0; i < n; i++) {
    callback(i);
  }
}

repeat(3, console.log); // 0 1 2

---

📘 함수의 다양한 유형

🔹 즉시 실행 함수 (IIFE)

(function() {
  console.log("즉시 실행!");
})();

• 선언과 동시에 실행되는 함수로, 변수의 스코프를 제한할 때 자주 사용된다.

🔹 재귀 함수

function factorial(n) {
  if (n === 1) return 1;
  return n * factorial(n - 1);
}

• 자기 자신을 호출하는 함수로, 반복 작업을 함수 호출로 해결할 때 유용하다.

---

함수는 JavaScript를 구성하는 핵심 중 하나이며, 코드의 효율성과 구조를 결정짓는 중요한 요소다.