📝 함수헝 프로그래밍

1. 함수형 프로그래밍이란??

• lambda calculus 라는 수학 이론에서 비롯된 새로운 프로그래밍 패러다임
• 하지만 이미 많은 프로그래밍 언엉에서 함수형으로 코드를 작성 할 수 있는 API가 이미 있음
• JS는 ES6부터 지원함, 만약 React를 써봤다면, 이미 함수형 프로그래밍을 경혐해봤다고 할 수 있음

머 그런것들이 있다고 합니다,,,

2. 함수형 프로그래밍 특징 4가지

01. Pure Functions(순수함수)

• 동일한 인자를 넣었을 때, 항상 동일한 결과값을 반환해아함
• 언제 선언되었는지 외부에 전혀 영향을 받지 않도록 작성 해야함
• 함수 안에서 외부의 상태값을 변경한다면, 그건 함수형이 아닌 절차지향형일 가능성이 매우 높음

// Bad
let num = 1;

function add(a) {
  return a + num;
}

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

const result = add(2, 3);

02. Stateless, Immutability

• 비상태, 불변셩을 유지해야함
• 함수에 인자로 전달된 데이터를 변경하는 것은 절대 함수형 프로그래밍이 아님
• 데이터를 직접 변경하는 것이 아닌, 새로운 버전의 새로운 오브젝트를 만들어서 결과값으로 전달
• 외부의 상태나 함수에 인자에 전달된 상태를 변경하지 않으므로서 side effect를 만들지 않음
• 따라서 불변성 유지하며 여러 멀티 스래딩 환경에서도 안정적으로 동작 가능

  js에서는 특히 불변성의 데이터 타입이라는 것이 따로 없기 때문에 Object.freeze라는 함수를 사용해서, 변수를 불변성으로 만들어 줄 수 있음

// Bad
let person = { name: "kim", age: 25 };

function increaseAge(person) {
  person.age = person.age + 1;
  return person;
}

// Good - Stateless, Immuablility
const person = { name: "kim", age: 20 };
function increaseAge(person) {
  return { ...person, age: person.age + 1 };
}

// or... Object freeze
const person = Object.freeze({ name: "kim", age: 20 });
function increaseAge(person) {
  return Object.freeze({ ...person, age: person.age + 1 });
}

03. Expressions Only!

• if, for, switch 등 여러가지 문장을 사용하는 것은 함수형 프로그래밍이 아님

// Bad
let numbers = [1, 2, 3];

function multiply(numbers, multiplier) {
  for (let i = 0; i < numbers.length; i++) {
    numbers[i] = numbers[i] * nultiplier;
  }
}

// Good
function multiply(numbers, multiplier) {
  return numbers.map((num) => num * multiplier);
}

04. First-class and higher-order functions

• 다른 변수와 마찬가지로 함수를 변수에 할당하거나
• 함수에 인자로 전달하거나 리턴하는 등의 일들을 할 수있는 First Class(일급 함수) 특징
• 그리고 함수 자체를 인자로 전달하거나, 함수에서 또 다른 함수를 리턴하는 고차함수
• 이 두가지 특징을 가지고 있어야 함

// first-class
const addTwo = (a) => a + 2;
const multiplyTwo = (a) => a * 2;
const transform = (numbers) => numbers.map(addTwo).map(multiplyTwo);
console.log(transform([1, 2, 3, 4]));

// higher-order functions
const addToppings = (topping) => (food) => food + topping;
const egg = addToppings("egg");
const bacon = addToppings("bacon");

console.log(egg("eggtoast"));
console.log(bacon("toast"));

단순히 비슷한 로직을 클래스로 묶어 나가는 것이 진정한 객체지향이 아닌것 처럼, 캠슐화, 추상화, 다향성을 그리고 여러 디자인 패턴에 대해서 공부해 나가듯이 함수형 프로그래밍을 제대로 하기 위해서는 Monad, Semigroup, Applicative, Monaid, Functor, Disjunction 이런 다양한 컨셈들에 대해서 잘 이해해야만 함