Higher-order function là gì?

Question

Accepted Answer

Một **higher-order function** là một hàm làm ít nhất một trong hai điều: **nhận một hàm làm đối số**, hoặc **trả về một hàm**. Chúng khả thi vì hàm là *first-class value* trong JS (bạn có thể truyền chúng đi như bất kỳ giá trị nào).

## Nhận một hàm

```js
[1, 2, 3].map(n => n * 2);        // map nhận một hàm
button.addEventListener("click", handler); // addEventListener cũng vậy
setTimeout(() => doThing(), 1000);
```

## Trả về một hàm (thường dùng closure)

```js
function multiplier(factor) {
  return n => n * factor;  // trả về một hàm nhớ được `factor`
}
const double = multiplier(2);
const triple = multiplier(3);
double(5); // 10
triple(5); // 15
```

Ở đây `multiplier` xây các hàm chuyên biệt từ một hàm tổng quát — một closure bắt giữ `factor`.

## Một ví dụ thực tế: một wrapper ghi log

```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);
```

## Tại sao điều này quan trọng

Higher-order function làm cho code **khai báo (declarative) và tái sử dụng được**.

Chúng là nền tảng của các array method (`map`/`filter`/`reduce`), xử lý sự kiện, middleware, decorator, currying, và các mẫu trong React (HOC, custom hook).

Thay vì viết đi viết lại cùng một logic vòng lặp, bạn truyền *hành vi* dưới dạng một hàm.