Apa itu fungsi tingkat lebih tinggi?

Question

Accepted Answer

**Fungsi tingkat lebih tinggi** adalah fungsi yang melakukan paling sedikit satu hal: **menerima fungsi sebagai argumen**, atau **mengembalikan fungsi**. Mereka memungkinkan karena fungsi adalah *nilai kelas pertama* di JS (Anda dapat meneruskannya seperti nilai apa pun).

## Menerima fungsi

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

## Mengembalikan fungsi (sering menggunakan 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
```

Di sini `multiplier` membangun fungsi khusus dari fungsi umum — closure menangkap `factor`.

## Contoh praktis: wrapper logging

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

## Mengapa ini penting

Fungsi tingkat lebih tinggi membuat kode **deklaratif dan dapat digunakan kembali**.

Mereka mendasari metode array (`map`/`filter`/`reduce`), penanganan peristiwa, middleware, dekorator, currying, dan pola React (HOCs, custom hooks).

Alih-alih menulis logika loop yang sama berulang kali, Anda meneruskan *perilaku* sebagai fungsi.