أنا لم أفهم ماهو الفرق بين let و var

تم توضيح ذلك بشكل مفصل مع أمثلة في النقاشات التالية:

بشكل مبسط، الفرق الرئيسي بين let و var هو النطاق (scope) الذي يتم إنشاء المتغير فيه. أي:

عند استخدام let لتعريف متغير، يكون النطاق (scope) مقتصرًا على الكتلة البرمجية التي تم تعريفها فيها. وهذا يعني أن المتغير محدود الوصول داخل هذه الكتلة ولن يكون مرئيًا خارجها. قيمة المتغير let لا تهتم بالقيمة الابتدائية، فإذا لم تتم تعيين قيمة له، فإن قيمته الافتراضية ستكون undefined.

عند استخدام var لتعريف متغير، يكون النطاق (scope) محدودًا بين الدالة التي يتم تعريفها فيها. وهذا يعني أن المتغير سيكون مرئيًا في كل مكان داخل الدالة بغض النظر عن الكتل (blocks) الفرعية. قيمة المتغير var إذا لم يتم تعيين قيمة لها، فستكون قيمة ابتدائية خاصة بكل نوع بيانات، مثل undefined للنصوص (strings) و 0 للأرقام (numbers).

بالإجمال، إذا كنت تحتاج إلى استخدام متغير محدد فقط داخل كتلة (block) محددة، فاستخدم let. أما إذا كنت تحتاج إلى متغير يكون مرئيًا في جميع أنحاء الدالة، فاستخدم var.

أمثلة عن الكتل المقصودة: حلقة loop، عبارة شرطية.

في المصادر الموجودة في التنعليق الأول يوجد شرح كامل للفرق بين ال بين let و var و const بشكل مفصل 

ولكن 

بتاريخ 2 ساعة قال oubai nezar:

و بالتحديد لم أفهم ماهي القيمة الإبتدائية التي تعطى للvar

عند استخدام "var" في JavaScript ، يتم تعيين قيمة افتراضية للمتغير.قيمة الافتراضية التي تتم تعيينها للمتغير عند استخدام "var" هي undefined. وهذا يعني أنه إذا قمت بتعريف متغير باستخدام "var" ولم تقم بتعيين قيمة له ، فسيتم تعيين قيمة undefined له تلقائيًا. على سبيل المثال:

var x;
console.log(x);
// سيتم طباعة undefined