كيفية تطبيق دالة sleep في جافاسكريبت JavaScript؟

من خلال ماتقدّمه الجافاسكريبت من تقنيات async await أو Promise يمكن تنفيذ ذلك بأمر بسيط:

على هئية تابع لاستخدامه بمناطق مختلفة ضمن الشيفرة البرمجية:

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

أو

const sleep = ms => new Promise(r => setTimeout(r, ms));

أو بسطر واحد فقط يمكن اختصاره كالتالي:

await new Promise(r => setTimeout(r, 2000));

إذا كنت تتطلع إلى منع تنفيذ التعليمات البرمجية من خلال استدعاء sleep ، فعندئذٍ لا ، لا توجد طريقة لذلك في JavaScript. جافا سكريبت لديها طريقة setTimeout. سيتيح لك setTimeout إرجاء تنفيذ وظيفة لمدة x millieseconds. مثلا طباعة first ثم الانتظار لمدة 3 ثواني لتنفيذ وظيفة طباعة second نقوم بالأمر :

    //  millieseconds إرجاء تنفيذ وظيفة لمدة 3 
     
setTimeout(function(){ 

    console.log('second'); 
}, 3000);  // 3 seconds طباعة بعد

console.log('first');

عند التنفيذ نحصل على النتيجة التالية:

first
second

اطلع على وظيفة setTimeout من هنا

هل جربت انشاء دالة مخصصة لذلك؟ لنسميها sleep ايضا!

تقوم هاته الدالة بجلب الوقت time الذي تم فيه استدعاءها ثم تنفيذ حلقة while مقيدة بشرط ان يكون وقت تنفيذ التكرارة الواحدة من الحلقة اقل من الوقت الذي تم فيه استدعاء الدالة مضافا اليه الوقت الذي نريد تمريره الى الدالة sleep. 

تطبيق عملي لها:

function sleep(duration){
    // جلب الوقت time الذي تم فيه استدعاءها
    var now = new Date().getTime();
  
    // تنفيذ حلقة while مقيدة بشرط ان يكون وقت تنفيذ التكرارة الواحدة من الحلقة اقل من الوقت الذي تم فيه استدعاء الدالة مضافا اليه الوقت الذي نريد تمريره الى الدالة sleep
    while(new Date().getTime() < now + duration){ 
        /* لا شيء */ 
    }
}

function exampleFunc(){
    sleep(2000);
                                    
    console.log("Hello");
}

exampleFunc()

لاحظ ان القيمة المسندة لـ now يتم تنفيذها مرة واحدة. وبالتالي فهي تخزن مرة واحدة في التخزين المحلي. في حين ان تلك التي استعمالها في شرط الحلقة while يتم تحديثها كل حلقة من التكرار الى حد انتفاء الشرط.