ما الفرق بين var let

السلام عليكم ورحمة الله تعالى وبركاته،

var و let هما طريقتان لتعريف المتغيرات في JavaScript، لكن الفرق بينهما أن var له نطاق دالة (function scope)، أي أنه متاح في كامل الدالة التي عُرّف فيها، بينما let له نطاق كتلة (block scope)، أي أنه متاح فقط داخل { } التي عرّف فيها.

كما أنه يتم رفع var إلى أعلى الكود ويأخذ قيمة undefined مؤقتا، أما let فيُرفع لكن لا يمكن استخدامه قبل تعريفه، مما يقلل من الأخطاء.

كما أنه يمكن إعادة تعريف متغير var في نفس النطاق، أما let فلا يمكن ذلك و let أكثر أمانًا وحداثة، ويُفضل استخدامها بدلا من var في معظم الحالات، يمكنك الاطلاع أكثر من خلال الإجابات الآتية:

https://academy.hsoub.com/questions/21250-الفرق-بين-let-و-var-في-جافا-سكريبت/

و:

https://academy.hsoub.com/questions/23436-استفسار-عن-لغة-جافاسكربت-ماهو-الفرق-بين-let-و-var-و-const/

الفرق بين var و let يكمن في أربعة جوانب رئيسية أولا من ناحية النطاق ف var يعمل في كامل الدالة حتى لو تم تعريفه داخل بلوك فرعي مثل الشروط أو الحلقات، بينما let يعمل فقط داخل البلوك الذي عُرِّف فيه فقط، مما يجعله أكثر دقة في التحكم بالمتغيرات.

ثانيا عند الاستخدام قبل التعريف ف var لا يظهر خطأ بل يعطي قيمة undefined بسبب خاصية الرفع، أما let فيظهر خطأ لأنه لا يمكن الوصول إليه قبل تعريفه.

الفرق الثالث هو أنّ var يسمح بإعادة تعريف نفس المتغير عدة مرات في النطاق الواحد دون مشاكل، بينما let يرفض ذلك ويظهر خطأ لحماية البرنامج من الأخطاء غير المقصودة.

وأخيرا في الحلقات var يستخدم نفس المتغير في جميع الدورات مما يسبب مشاكل مع الدوال المؤجلة، أما let فينشئ متغيرا منفصلا لكل دورة وفي البرمجة الحديثة ينصح باستخدام let لكونه أكثر أمانا ووضوحا من var الذي يحمل مشاكل تقنية عديدة.

let في JavaScript 

var في JavaScript