تحسين أداء تغيير القيم في JavaScript باستخدام Switch وsetTimeout

في البداية، يظهر أن لديك تسلسل من الشروط في الشيفرة الخاصة بك لتغيير قيمة متغير skin بناءً على قيمة skin_var. ومن خلال تحليل الشيفرة، يمكن أن يكون السبب وراء عدم عمل الشيفرة كما هو متوقع هو أن الشرط في السطور الأخيرة لا يتحقق بشكل صحيح، مما يؤدي إلى توقف البرنامج عند هذا النقطة.

للتأكد من عدم حدوث توقف، يمكنك تجنب استخدام سلسلة من شروط if واستخدام هيكل تحكم أكثر تنظيمًا مثل switch. قد يكون ذلك أكثر فعالية وسهولة في فهم الشيفرة. إليك كيف يمكنك تحسين الكود:

javascriptCopy code
switch (skin_var) {
    case 1:
        skin = "%kraken";
        skin_var = 2;
        break;
    case 2:
        skin = "%mercury";
        skin_var = 3;
        break;
    case 3:
        skin = "%shark";
        skin_var = 4;
        break;
    case 4:
        skin = "%banana";
        skin_var = 5;
        break;
    case 5:
        skin = "%nuclear";
        skin_var = 6;
        break;
    case 6:
        skin = "%space_dog";
        skin_var = 7;
        break;
    case 7:
        skin = "%t_rex";
        skin_var = 8;
        break;
    case 8:
        skin = "%spy";
        skin_var = 1;
        break;
    default:
        // إذا تم تحديد قيمة skin_var خارج النطاق المتوقع
        break;
}

يمكن أن يساعد هذا الشكل في تجنب مشاكل التحكم في التنفيذ ويجعل الشيفرة أكثر قابلية للصيانة. بعد تحديث الشيفرة بهذا الشكل، يمكنك مراجعة الكود مرة أخرى والتأكد من أنه يعمل كما هو متوقع.

عند التعامل مع الشيفرة، يجب أن تأخذ بعين الاعتبار أن JavaScript يعتمد على مفهوم المسار الرئيسي (event loop)، وهذا يعني أن الكود يُنفذ بشكل تسلسلي وليس بشكل متزامن. لذلك، عند استخدام setInterval لتغيير قيمة skin بشكل دوري، يمكن أن يحدث التغيير في القيمة قبل نهاية تنفيذ الكود داخل الدالة المتداولة. لحل هذه المشكلة، يمكنك استخدام setTimeout داخل دالة تعيد استدعاء نفسها بشكل متكرر.

هنا نسلط الضوء على ذلك:

javascriptCopy code
function changeSkin() {
    switch (skin_var) {
        case 1:
            skin = "%kraken";
            skin_var = 2;
            break;
        case 2:
            skin = "%mercury";
            skin_var = 3;
            break;
        case 3:
            skin = "%shark";
            skin_var = 4;
            break;
        case 4:
            skin = "%banana";
            skin_var = 5;
            break;
        case 5:
            skin = "%nuclear";
            skin_var = 6;
            break;
        case 6:
            skin = "%space_dog";
            skin_var = 7;
            break;
        case 7:
            skin = "%t_rex";
            skin_var = 8;
            break;
        case 8:
            skin = "%spy";
            skin_var = 1;
            break;
        default:
            // إذا تم تحديد قيمة skin_var خارج النطاق المتوقع
            break;
    }

    setTimeout(changeSkin, 1000); // استدعاء الدالة بعد مرور ثانية واحدة
}

// استدعاء الدالة لأول مرة
changeSkin();

بهذه الطريقة، سيتم تنفيذ الشيفرة بشكل دوري كل ثانية، وستحصل على تغييرات في قيمة skin و skin_var بشكل صحيح.