لماذا لا أستطيع ان أعين متغير بنفس الاسم في switch

المشكلة رائعة هنا لأنها تفرض علينا مراجعة أساس من أساسيات javascript وهو ال scops ولنسياننا أحيانا لهذا الأساس نفكر داءما في جعل متغيراتنا عامة وهذا هو أيضا اول حل أفكر فيه داءما ايضا لكن يعتبر حل ليس بجيد لذا فلنراجع أساس ال scops ونجد حل .

أول مثال يعرض علينا داءما عندما نتطرق الى موضوع ال scops هو المتغير داخل دالة و متغير خارجها هكذا

let num = 5
console.log(num)//5

function number(){
let num = 8
return num
}

console.log(number())//8

ولكن ال scops لا تقتصر فقط على داخل دالة أو خارجها فيمكنك حرفيا انشاء scop فقط ب {}

let num = 5
console.log(num)//5

{
let num = 8
console.log(num)//8
}

في حالتك يمكنك انشاء scope داخل ال case ب {}

const cartReducer = (state = initialState, action) => {
  switch (action.type) {
    case QNT_UP:
    {
      let index;
      //.....
      break;
    }
    case QNT_DOWN:
    {
      let index;
      //.....
      break;
    }

    default:
      return state;
  }
};

السبب في عدم مقدرتك على استخدام نفس المتحول هو أن case بشكل افتراضي لا تعرف scope جديد لذلك كل متحول يعرف داخلها هو فعلياً يعرف داخل scope الخاص بالـswitch كونك تستخدم let وليس var.

لكن حل مشكلتك أسهل بكثير مما تظن وهو كالتالي:

const cartReducer = (state = initialState, action) => {
  switch (action.type) {
    case QNT_UP:{
      let index;
      //.....
      break;
    }
    case QNT_DOWN:{
      let index;
      //.....
      break;
    }
    default:
      return state;
  }
};

بتعريف block جديد أمام case صار لدينا scope جديد مختلف عن scope الخاص بالـswitch وكل case لها scope جديد مختلف اﻵن لذلك ستعمل تعليمة let ولن يحدث خطأ.

بالطبع الطريقة السابقة ستعمل فقط باستخدام let أو const وليس var ﻷن المتحولات المعرفة بـvar تنتمي للـscope الخاصة بالتابع الذي يعرف فيه المتحول.