recent
أخبار ساخنة

الفرق بين var و let و const في جافاسكربت JavaScript الدرس |18|

الصفحة الرئيسية

var let const

سوف نتحدث عن الفرق بين  var و let و const, جميعناً تعلمنا كتابة var في جافاسكربت بالدروس السابقة لإنشاء اسم متغير.

طريقة كتابة var

var name = "data";
var age    =27;
var name1 = "kaissar";
var age1    = 21;

طريقة كتابة let

let name = "data";
let age    =27;
let name1 = "kaissar";
let age1    = 21;

في التحديث الجديد ES6 تم اضافة let والتي تستخدم ايضا لتعريف المتغير, ولفهم الفرق بين var و let يجب ان نأخذ مثال.

مثال عن var
 if(4==4){
       var name = "data:";
       var age    =27;
       var name1 = "kaissar:";
       var age1    = 21;
}
console.log(name,age,name1,age1)

نقوم بعرض البيانات في المتصفح عبر console لنحصل على النتيجة كالتالي

مثال عن let
 if(4==4){
       let name = "data:";
       let age    =27;
       let name1 = "kaissar:";
       let age1    = 21;
}
console.log(name,age,name1,age1)
لنرى ماهي النتيجة الذي سنحصل عليها الآن

كما لاحظنا قد ظهر لنا هذا الخطأ انه غير موجود, لنأخذ مثال آخر و نصححه كي نفهم الفرق اكثر
 if(4==4){
       var name = "data:";
       var age    =27;
       var name1 = "kaissar:";
       var age1    = 21;
console.log(name,age,name1,age1)
}
وهنا سوف تكون النتيجة

كما لاحظنا قد عرض لنا البيانات و اتضح الفرق , عندما نستخدم امر عرض البيانات console في let خارج الجمله الشرطيه سيعطينا خطأ, وإنما يجب انه نستخدم عرض البيانات بداخل الجمله الشرطيه حتى يتنفذ الامر بشكل صحيح.

مثال عن const
 if(4==4){
       const name = "data:";
       const age    =27;
       const name1 = "kaissar:";
       const age1    = 21;
console.log(name,age,name1,age1)
}


وهنا ستكون النتيجة صحيحة


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


خلاصة الدرس

1 - في var يمكن التعديل على القيمة وطريقة عرض البيانات خارج الجملة الشرطية.
2 - في let يمكن التعديل على القيمة وطريقة عرض البيانات داخل الجملة الشرطية.
3 - في const لا يمكن التعديل على القيمه وطريقة عرض البيانات داخل الجملة الشرطية.
google-playkhamsatmostaqltradent