قدم ES6 مقدار ثابت الكلمة الأساسية، والتي تُستخدم لتحديد متغير جديد في JavaScript. عموما، كان يتم استخدام الكلمة الأساسية للإعلان عن متغير JavaScript. مقدار ثابت هي كلمة رئيسية أخرى للإعلان عن متغير عندما لا ترغب في تغيير قيمة هذا المتغير للبرنامج بأكمله.
الفرق هو أن var مخصص لإعلان المتغير العادي الذي يمكن تغيير قيمته، في حين لا يمكن تغيير قيمة المتغير المعلنة باستخدام الكلمة الأساسية const.
إعلان/تهيئة متغير Const
فيما يلي بناء الجملة أو الكود البسيط لإعلان وتهيئة متغير const.
رمز النسخ
const x = 16; document.write('The value of const variable x = ' + x);اختبره الآن
انتاج |
الاتصالات المحجوبة
سيتم عرض قيمة المتغير const x دون أي خطأ.
The value of const variable x = 16
الآن، سوف نناقش بعض خصائص المتغيرات المحددة باستخدام const.
ملكيات
فيما يلي خصائص مقدار ثابت عامل:
- لا يمكن إعادة تعيين تعريف المتغير باستخدام الكلمة الأساسية const، أو لا يمكن تغيير قيمته.
- يجب تهيئة المتغير const في وقت الإعلان باسم المتغير، على سبيل المثال، ثابت س = 6؛
- لا يمكنك توفير القيمة للمتغير بعد التصريح.
- لا يمكن تغيير قيمة المتغير const.
- ال مقدار ثابت المتغير له نطاق كتلة. وهذا يعني أنه يمكن إعادة تعيين متغير const داخل نفس البرنامج بنفس الاسم ويكون له قيم مختلفة في كتل مختلفة.
- لا يمكن رفع متغير const، مما يعني أن المتغير تم الإعلان عنه/تهيئته باستخدام كان لا يمكن إعادة تعيين الكلمة الرئيسية باستخدام مقدار ثابت .
- في JavaScript، يسمح لك const بتعديل قيمة المصفوفة فقط، ولكن لا يمكن تغيير المرجع إلى المصفوفة.
- يقوم المتغير const بإنشاء مرجع فقط للقيمة.
- يمكن تغيير خصائص الكائن ولكن لا يمكن تغيير المرجع إلى كائن.
أمثلة
هنا، لدينا بعض الأمثلة لشرح خصائص مختلفة عمليا.
مثال 1: وبمساعدة هذا المثال، سوف ترى أن لا يمكن إعادة تعيين المتغير const .
رمز النسخ
const x = 16; x = 23; //Type Errorاختبره الآن
انتاج |
سوف تولد أ خطأ مطبعي لأنه ليس من الممكن إعادة تعيين القيمة لمتغير ثابت.
JavaScript error: Uncaught TypeError: Assignment to constant variable. on line 3
مثال 2: في هذا المثال، سوف تتعلم أن يحتوي المتغير const على نطاق الكتلة .
رمز النسخ
const x = 16; { const x = 23; document.write('Block2: x = ' + x); //23 { const x = 74; document.write( ' <br> Block3: x = ' + x); //74 } { const x = 49; document.write(' <br> Block4: x = ' + x); //49 } } document.write(' <br> Block1: x = ' + x); //16اختبره الآن
انتاج |
لن يكون هناك خطأ في تنفيذ الكود أعلاه. سيتم فقط طباعة قيمة x للكتل المختلفة دون أي خطأ في بناء الجملة أو الكتابة.
Block2: x = 23 Block3: x = 74 Block4: x = 49 Block1: x = 16
مثال 3: سيصف هذا المثال أن لا يمكن رفع المتغير const .
رمز النسخ
x = 16; document.write(x); const x; //Syntax Errorاختبره الآن
انتاج |
سوف تولد أ خطأ في بناء الجملة لأنه غير مسموح بإعادة تعريف المتغير.
JavaScript error: Uncaught SyntaxError: Missing initializer in const declaration on line 4
مثال 4: سيوضح لك هذا المثال أن لا يمكن تهيئة المتغير const بعد الإعلان .
رمز النسخ
const x; x = 18; //Syntax Error document.write(x);
انتاج |
سوف تولد أ خطأ في بناء الجملة لأن التهيئة غير مسموح بها بعد إعلان المتغير const.
com.inttostr جافا
JavaScript error: Uncaught SyntaxError: Missing initializer in const declaration on line 2
مثال 5: في جافا سكريبت ، يسمح لك const بتعديل قيمة المصفوفة فقط، ولكن لا يمكن تغيير المرجع إلى المصفوفة.
رمز النسخ
// initilize an const array const nameArray = [' Aparna', ' Manya', ' Amayra', ' Jahnavi']; //display the value of array document.write(nameArray.toString()); document.write('<br> <br>'); //change the value of array at index 2 nameArray [1] = ' Krishna'; // possible //Again, display the array with new values document.write(nameArray.toString());
انتاج |
هنا، يمكنك رؤية الكبار تم استبدال الاسم ب كريشنا . على الرغم من أنه تم الإعلان عن المصفوفة باستخدام مقدار ثابت الكلمة الرئيسية. لذلك، سيتم عرض جميع قيم المصفوفة دون أي خطأ في المرتين.
Aparna, Manya, Amayra, Jahanvi Aparna, Krishna, Amayra, Jahanvi
مثال 6: في هذا المثال سنوضح لك أن قيمة المتغير const لا يمكن تغييرها أو تعديلها.
رمز النسخ
//declare and initialize an array of const const employee = { fname: 'Annie', lname: 'Roy', age: 22, profession: 'Web Developer' }; document.write(employee); // This can be done with const array employee.fname = 'Emmy'; employee.lname = 'Jackson'; employee.Age = 24; employee.profession = 'QA Analyst'; document.write(employee); // This cannot be possible with const array /* const employee = { 'fname': 'Emmy', 'lname': 'Jackson', 'age': 24, 'profession': 'QA Analyst' } */
انتاج |
هنا، يمكنك أن ترى أنه لا يمكنك إعادة تهيئة قيم الكائنات بنفس الاسم، ولكن يمكن تغيير قيم الكائنات باستخدام مرجعها.
[object object] [object object]