ฟังก์ชันอันดับสูงคืออะไร?

Question

Accepted Answer

**ฟังก์ชันอันดับสูง** คือฟังก์ชันที่ทำอย่างใดอย่างหนึ่งดังต่อไปนี้: **รับฟังก์ชันเป็น argument**, หรือ **คืนค่าฟังก์ชัน**. สิ่งเหล่านี้เป็นไปได้เพราะฟังก์ชันเป็น *first-class values* ใน JS (คุณสามารถส่งต่อพวกมันไปทั่วได้เหมือนกับค่าใด ๆ).

## การรับฟังก์ชัน

```js
[1, 2, 3].map(n => n * 2);        // map takes a function
button.addEventListener("click", handler); // so does addEventListener
setTimeout(() => doThing(), 1000);
```

## การคืนค่าฟังก์ชัน (มักใช้ closure)

```js
function multiplier(factor) {
  return n => n * factor;  // returns a function that remembers `factor`
}
const double = multiplier(2);
const triple = multiplier(3);
double(5); // 10
triple(5); // 15
```

ที่นี่ `multiplier` สร้างฟังก์ชันเฉพาะเจาะจงจากฟังก์ชันทั่วไป — closure จับ `factor` ไว้.

## ตัวอย่างจริง: logging wrapper

```js
function withLogging(fn) {
  return (...args) => {
    console.log(`calling with`, args);
    const result = fn(...args);
    console.log(`result`, result);
    return result;
  };
}
const loggedAdd = withLogging((a, b) => a + b);
```

## ทำไมมันถึงสำคัญ

ฟังก์ชันอันดับสูงทำให้โค้ด **เป็นแบบ declarative และนำกลับมาใช้ใหม่ได้**.

พวกมันเป็นพื้นฐานของ array methods (`map`/`filter`/`reduce`), event handling, middleware, decorators, currying, และ React patterns (HOCs, custom hooks).

แทนที่จะเขียน loop logic เดียวกันซ้ำ ๆ คุณส่ง *behavior* เป็นฟังก์ชัน.