ทางเลือกเชิงฟังก์ชัน — ส่งบริบท คลอเชอร์ และตัวช่วยขนาดเล็ก

เหตุใดจึงใช้ทางเลือกเชิงฟังก์ชัน

ฟังก์ชันบริสุทธิ์แทน 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);

การเลือกรูปแบบ

แบบทดสอบทางเลือกเชิงฟังก์ชัน

สรุปทบทวน