[JavaScript] 함수

🍀 함수 (Function)

: 재사용 가능한 코드 블록을 정의

✔ 함수 장점

1. 재사용성 - 동일한 작업을 반복해서 사용할 수 있도록 코드를 재활용
2. 모듈화 - 코드를 작은 모듈로 분할하여 구조화하고, 유사한 기능을 가진 함수들을 묶어 관리
3. 가독성 - 함수는 명확한 기능을 담당하고 이름을 부여하여 코드를 읽기 쉽게 만듭니다.
4. 유지 보수성 - 코드를 함수 단위로 나누어 수정이 용이하고, 관련 기능을 수정할 때 다른 부분에 영향을 줄이며 유지 보수가 쉬움
5. 디버깅 - 각 함수는 독립적으로 테스트되므로 코드를 디버깅하기 더 쉬움
6. 코드 재구조화 - 함수는 코드를 쉽게 재조립하고 재구성할 수 있도록 도와줌

✔ 함수 표현 방법

⚫ 함수 선언식(Function Declaration)
function 키워드를 사용하여 함수를 선언

function greet(name) {
    return "Hello, " + name + "!";
}

⚫ 함수 표현식(Function Expression)
변수에 함수를 할당하는 방식

var greet = function(name) {
    return "Hello, " + name + "!";
};

⚫ 화살표 함수(Arrow Function)
간결한 문법으로 함수를 정의하는 방식

var greet = (name) => "Hello, " + name + "!";

---

🌱 함수 (function)

• 프로그래밍의 핵심적인 구성요소
• 특정 작업을 수행하거나 값을 계산하기 위한 코드 블럭
• 순수 함수 / 일급 함수로 구분

순수 함수(Pure Functions)

: 입력값에 대해 항상 동일한 결과를 반환하며, 부작용(side effect)이 없는 함수
부작용 = 함수 외부의 상태를 변경하거나 다른 외부 상태에 의존하는 것

def add(a, b):                 # 순수 함수
    return a + b

순수 함수의 장점

• 결정적 (Deterministic) 동작

• 부작용 (Side Effects)이 없는 코딩

• 함수를 다루는데 있어 변수와 동일하게 다루는 방식
  함수를 변수에 할당
  함수를 다른 함수에 전달
  함수가 함수를 반환

일급 함수 (First-Class Functions)

: 함수를 다루는데 있어서 변수와 동일하게 다루는 방식

• 함수를 다른 함수의 매개변수로 사용 가능, 함수가 함수를 반환 가능, 변수에도 할당 가능
• 함수를 유연하게 사용 가능

def apply_operation(operation, x, y):      #일급 함수
    return operation(x, y)
def add(a, b):
    return a + b
def multiply(a, b):
    return a * b
result1 = apply_operation(add, 3, 4)       # add 함수를 전달
result2 = apply_operation(multiply, 3, 4)  # multiply 함수를 전달
print(result1)                             # 출력: 7
print(result2)                             # 출력: 12

콜백 함수를 이용한 비동기 프로그래밍

• 콜백 함수를 넘겨 사용할 때 Callback Hell에 빠질 수 있기 때문에 주의해서 사용해야 함

배열 메소드와 콜백 함수

• 일급 함수의 개념을 활용
• 각 원소에 대해 실행할 함수를 인자로 받음

함수를 반환하는 함수

• 함수가 다른 함수를 반환할 수 있음
• 특정 데이터를 외부로부터 보호
• 독자적인 흐름을 가짐

🔔 함수 컴포지션

: 두 함수를 조합하여 새로운 작업을 수행하는 함수