함수형 대안 — 컨텍스트 전달, 클로저와 작은 도우미

함수형 대안을 사용하는 이유

this 대신 순수 함수 사용하기

// Pure function: takes data as parameters
function fullName(user) {
  // no this; explicit inputs
  return user.first + " " + user.last;
}

const u = { first: "Ayla", last: "Kaya" };
console.log("fullName:", fullName(u));

클로저 기반 도우미

// Closure: capture config and return a tiny helper
function makeGreeter(prefix) {
  // returns a function that remembers prefix
  return function (name) {
    return prefix + " " + name;
  };
}

const hi = makeGreeter("Hello");
console.log(hi("Ayla")); // "Hello Ayla"
console.log(hi("Mila")); // "Hello Mila"

this 없는 팩토리

// Factory pattern: build an object with simple, pure-like methods
function makeCounter(start) {
  let value = Number.isFinite(start) ? start : 0;

  return {
    get: function () { return value; },        // read
    inc: function () { value = value + 1; }    // update (encapsulated)
  };
}

const c = makeCounter(2);
c.inc();
console.log("counter:", c.get()); // 3

작은 도우미 조합하기

// Compose small helpers: map + filter as plain functions
function isAdult(user) { return user.age >= 18; }
function toLabel(user) { return user.name + " (" + user.age + ")"; }

const people = [
  { name: "Ayla", age: 18 },
  { name: "Mert", age: 16 },
  { name: "Lina", age: 21 }
];

const labels = people.filter(isAdult).map(toLabel);
console.log("labels:", labels);

스타일 선택하기

함수형 대안 퀴즈

복습