ما هي الدالة ذات الرتبة الأعلى (Higher-Order Function)؟

Question

Accepted Answer

**الدالة ذات الرتبة الأعلى** هي دالة تقوم بواحد على الأقل من: **تأخذ دالة كمعامل**، أو **تعيد دالة**. هذا ممكن لأن الدوال هي *قيم من الدرجة الأولى* في 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`.

## مثال عملي: غلاف تسجيل

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

## لماذا يهم

الدوال ذات الرتبة الأعلى تجعل الكود **تصريحياً وقابلاً لإعادة الاستخدام**.

هي تشكل أساس أساليب المصفوفة (`map`/`filter`/`reduce`)، ومعالجة الأحداث، والـ middleware، والمزخرفات، والـ currying، وأنماط React (HOCs، custom hooks).

بدلاً من كتابة منطق الحلقة ذاته مراراً، تمرر السلوك كدالة.