تسلسل تنفيذ وعود JavaScript ES6

حسنًا، لنبدأ بتحليل المشكلة التي تواجهك والبحث عن حلاً مناسبًا بلغة JavaScript ES6. يبدو أنك تريد تنفيذ مجموعة من الوعود (promises) بتسلسل معين، حيث يتم تنفيذ وعد (promise) بعد الانتهاء من تنفيذ الوعد السابق. هذا يتطلب تنظيم تسلسل تنفيذ الوعود داخل حلقة التكرار (loop) التي قمت بتكوينها.

للقيام بذلك، يمكننا استخدام التعبير الداخلي (closure) لحلقة التكرار (loop) للحفاظ على تتابع تنفيذ الوعود. سنستخدم دالة جرعة (IIFE – Immediately Invoked Function Expression) لإنشاء نطاق (scope) جديد لكل تكرار في الحلقة، مما يمنحنا القدرة على تخزين حالة الدورة الحالية (current iteration) وتنفيذ الوعود بشكل مناسب.

دعنا نقوم بتعديل الشيفرة بحيث تستخدم وعودًا متسلسلة باستخدام الطريقة المذكورة:

javascriptCopy code
for (let i = 0; i < 10; i++) {
    ((index) => {
        const promise = new Promise((resolve, reject) => {
            const timeout = Math.random() * 1000;
            setTimeout(() => {
                console.log(index);
                resolve(); // Important: Resolve the promise after logging
            }, timeout);
        });

        if (i > 0) {
            // Chain the current promise to the previous one
            promises[i - 1].then(() => {
                return promise;
            });
        }

        promises.push(promise);
    })(i);
}

هنا قمنا بتغيير الكود بحيث يقوم بتخزين كل وعد (promise) داخل مصفوفة (array)، ثم نقوم بربط كل وعد بوعد الدورة السابق باستخدام طريقة .then()، وذلك باستخدام الفهم الصحيح للنطاق (scope) والإيفيكت (IIFE).

بهذا التغيير، يجب أن يتم تنفيذ الوعود بترتيبها وبشكل متسلسل، مما يعني أنك ستحصل على النتيجة المرجوة. يُلاحظ أننا نحتاج إلى تحديد حالة الدورة الحالية (current iteration) باستخدام متغير (variable) مثل index لضمان أن كل دورة تستخدم قيمة فريدة من i دون أن تتأثر بقيمة i المتغيرة.

بهذا الشكل، يمكنك الآن تنفيذ وعود (promises) بشكل متسلسل في JavaScript ES6 داخل حلقة التكرار (loop)، وذلك باستخدام الطريقة المقترحة أعلاه.

بالطبع، دعني أكمل المقال بمزيد من التوضيح والتحليل.

في هذا الشيفرة، قمنا بإنشاء حلقة تكرار (loop) تقوم بإنشاء وعود (promises) عدة بشكل متتالي. لكل دورة في الحلقة، يتم إنشاء وعد جديد وتأجيل تنفيذه لفترة عشوائية باستخدام دالة setTimeout. هذا يمثل موضوعنا الرئيسي: كيف يمكننا ضمان تنفيذ الوعود (promises) بتسلسل معين داخل حلقة التكرار؟

الحل الذي قدمته يعتمد على استخدام دالة جرعة (IIFE) لإنشاء نطاق (scope) جديد لكل دورة في الحلقة. هذا يسمح لنا بتخزين حالة الدورة الحالية (current iteration) واستخدامها داخل الوعد الحالي بشكل منفصل عن قيمة i المتغيرة في حلقة التكرار. بفضل هذا التقنية، يمكننا التحكم في تسلسل تنفيذ الوعود بسهولة، حيث يمكننا استخدام طريقة .then() لربط الوعد الحالي بالوعد السابق.

الشيفرة المعدلة تقوم بتخزين كل وعد (promise) داخل مصفوفة (array) تسمى promises، ثم نستخدم طريقة .then() لربط الوعد الحالي بالوعد السابق في الحلقة. هذا يضمن أن يتم تنفيذ الوعود بالترتيب المحدد داخل الحلقة.

هذا الحل يمثل طريقة بسيطة وفعالة لتسلسل تنفيذ الوعود في JavaScript ES6، ويعمل بشكل جيد في العديد من السيناريوهات. ومع ذلك، يجب أخذ الحيطة ببعض النقاط، مثل التأكد من استخدام هذا النوع من الحلول بشكل مناسب في تطبيقاتك، خاصة عند التعامل مع أكواد أكبر وأكثر تعقيدًا. إذا كنت تواجه تحديات معينة أو ترغب في استكشاف خيارات أخرى، فقد ترغب في النظر في مكتبات مثل Async.js أو استخدام ميزات جديدة مثل async/await المتاحة في JavaScript ES8 وما بعدها.

في النهاية، الهدف هو فهم كيفية عمل وعود (promises) وكيفية التحكم في تسلسل تنفيذها في JavaScript بشكل فعال، ويمكن أن تكون الطريقة التي قدمتها هنا خطوة جيدة نحو تحقيق ذلك.