90- دروس جافا سكربت – التزامن – JS Callbacks

## فهم JavaScript Callbacks

### مقدمة
في عالم البرمجة بلغة JavaScript، تلعب الـ Callbacks دورًا حيويًا في التعامل مع العمليات غير المتزامنة (Asynchronous Operations). تعتبر الـ Callbacks واحدة من المفاهيم الأساسية التي يجب على كل مطور JavaScript فهمها بعمق لأهميتها في كتابة كود نظيف وفعّال.

### ما هي الـ Callbacks؟
الـ Callback هي وظيفة (Function) يتم تمريرها كمعامل (Argument) إلى وظيفة أخرى، ليتم استدعاؤها عند اكتمال بعض العمليات. تعتبر طريقة لتمرير التحكم من دالة إلى أخرى. هذا المفهوم شائع في JavaScript بسبب طبيعتها غير المتزامنة.

### لماذا نحتاج إلى Callbacks؟
JavaScript تقوم بتنفيذ الكود بشكل متزامن، ولكن هناك العديد من [شركة برمجة مصرية] السيناريوهات التي تتطلب تنفيذ عمليات بشكل غير متزامن مثل طلبات الشبكة، وإجراءات الإدخال/الإخراج، والمؤقتات. تساعد الـ Callbacks في التعامل مع هذه السيناريوهات دون تجميد تدفق البرنامج.

### مثال بسيط على Callback
لنلق نظرة على مثال بسيط يوضح كيفية عمل الـ Callbacks. سنقوم بإنشاء دالة تقوم بجلب بيانات من الخادم، ودالة أخرى تقوم بمعالجة هذه البيانات.

function fetchData(callback) {
    setTimeout(() => {
        const data = { name: 'John Doe', age: 30 };
        callback(data);
    }, 2000);
}

function processData(data) {
    console.log(`Name: ${data.name}, Age: ${data.age}`);
}

fetchData(processData);

في هذا المثال، `fetchData` هي دالة تأخذ `callback` كمعامل. بعد انتظار لمدة ثانيتين (لتمثيل عملية غير متزامنة [شركة برمجة مصرية] مثل جلب البيانات من الخادم)، يتم استدعاء `callback` مع البيانات.

### Callbacks المتداخلة (Callback Hell)
عند استخدام الـ Callbacks بشكل مفرط، قد ينتهي بك الأمر إلى ما يعرف بـ “Callback Hell” أو “Pyramid of Doom”، حيث يصبح الكود صعب القراءة والصيانة.

function first(callback) {
    setTimeout(() => {
        console.log('First');
        callback();
    }, 1000);
}

function second(callback) {
    setTimeout(() => {
        console.log('Second');
        callback();
    }, 1000);
}

function third() {
    console.log('Third');
}

first(() => {
    second(() => {
        third();
    });
});

### التعامل مع Callback Hell
للتغلب على مشاكل Callback Hell، تم تقديم وعود (Promises) وAsync/Await في JavaScript لتسهيل التعامل مع العمليات غير المتزامنة. لكن مع ذلك، يظل فهم الـ Callbacks ضروريًا لأنها تشكل الأساس لهذه المفاهيم الحديثة.

### استنتاج
الـ Callbacks هي جزء لا يتجزأ من البرمجة في JavaScript. إنها توفر وسيلة للتعامل مع العمليات غير المتزامنة بطريقة منظمة. من المهم على كل مطور فهم كيفية عملها وكيفية استخدامها بفعالية لتجنب المشاكل الشائعة مثل Callback Hell. على الرغم من وجود تقنيات أحدث مثل Promises وAsync/Await، يظل فهم الـ Callbacks أمرًا ضروريًا لبناء تطبيقات JavaScript فعالة.