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

Programmer Tech

موقع تعليم مجاني يهتم بتعلم البرمجة و علوم الكمبيوتر, أمن المعلومات, القرصنة الأخلاقية, سكربتات

إعلان اعلى المقالة

الثلاثاء، 10 مارس 2020

الفرق بين 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 لا يمكن التعديل على القيمه وطريقة عرض البيانات داخل الجملة الشرطية.

ليست هناك تعليقات:

إرسال تعليق

facebook

تسميات

تواصل معنا

Translate

أخر الافكار

من انا

authorمبرمجين ويب و محبين للتقنية و الشبكات و امن المعلومات و سوف نقدم لكم الافضل إن شاء الله
أعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

اقسام