Scribd
Upload
7 views11 pages

Js Jono

ملخص

Uploaded by

xx.854333
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
7 views11 pages

Js Jono

ملخص

Uploaded by

xx.854333
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

‫ما هي لغة ‪ JavaScript‬؟‬

‫‪ JavaScript‬هي لغة من لغات البرمجة النصية ‪ Scripting language‬األكثر شيوعًا‬


‫واألكثر استخدامًا من جانب العميل او ما تعرف ب ‪ . Client-side‬تشير البرمجة النصية من‬
‫جانب العميل إلى البرامج النصية التي تعمل داخل متصفح الويب الخاص بك‪ .‬تم تصميم جافا‬
‫سكريبت إلضافة تفاعالت وتأثيرات ديناميكية على صفحات الويب‪.‬‬
‫تم تطوير ‪ JavaScript‬في األصل بإسم ‪ LiveScript‬من قبل ‪ Netscape‬في منتصف‬
‫التسعينات‪ .‬أعيدت تسميتها الح ًقا إلى ‪ JavaScript‬في عام ‪ ، 1995‬وأصبحت معيار ‪ECMA‬‬
‫في ‪ .1997‬اآلن ‪ JavaScript‬هي لغة البرمجة النصية القياسية من جانب العميل للتطبيقات‬
‫المستندة إلى الويب ‪ ،‬وهي مدعومة فعليًا من قبل جميع متصفحات الويب المتاحة اليوم ‪ ،‬مثل‬
‫‪ Google Chrome ، Mozilla Firefox‬و ‪ Apple Safari‬وما إلى ذلك‪.‬‬
‫‪ JavaScript‬هي لغة كائنية التوجيه ‪ ، object-oriented language‬ولديها أيضًا بعض‬
‫أوجه التشابه في بناء الجملة مع لغة برمجة ‪ .Java‬ولكن ‪ ،‬جافاسكريبت ليست مرتبطة بجافا بأي‬
‫شكل من األشكال‪.‬‬
‫يتم الحفاظ على معايير ‪ JavaScript‬رسميًا بواسطة ‪( ECMA‬الرابطة األوروبية لمصنعي‬
‫الكمبيوتر) كـ ‪( ECMAScript. ECMAScript 6‬أو ‪ )ES6‬هو أحدث إصدار رئيسي من‬
‫معيار ‪.ECMAScript‬‬

‫ما هي األشياء التي يمكننا القيام بها باستخدام لغة ‪ JavaScript‬؟‬

‫هناك الكثير من األشياء التي يمكننا القيام بها باستخدام ‪.JavaScript‬‬

‫يمكننا تعديل محتوى صفحة الويب بإضافة عناصر أو إزالتها‪.‬‬ ‫​●‬


‫يمكننا تغيير نمط العناصر وموضعها على صفحة الويب‪.‬‬ ‫​●‬
‫يمكننا مراقبة األحداث مثل النقر بالماوس أو التمرير وما إلى ذلك والتفاعل معها‪.‬‬ ‫​●‬
‫يمكننا إنشاء نوافذ منبثقة لعرض معلومات أو رسائل تحذير للمستخدم‪.‬‬ ‫​●‬
‫يمكننا تنفيذ العمليات بنا ًء على إدخاالت المستخدم وعرض النتائج‪.‬‬ ‫​●‬
‫يمكننا التحقق من إدخاالت المستخدم قبل إرسالها إلى الخادم‪.‬‬ ‫​●‬

‫ال تنتهي القائمة هنا ‪ ،‬فهناك العديد من األشياء األخرى المثيرة لالهتمام التي يمكننا القيام بها‬
‫باستخدام ‪ .JavaScript‬سوف تتعرف عليهم جميعًا بالتفصيل في الدروس القادمة‪.‬‬
‫ما الذي ستتعلمه خالل دورة ‪ JavaScript‬؟‬

‫تغطي دورة ‪ JavaScript‬هذه جميع مفاهيم البرمجة األساسية ‪ ،‬بما في ذلك أنواع البيانات‬
‫‪ ، data types‬والعمليات ‪ ، operators‬وإنشاء المتغيرات ‪ variables‬واستخدامها ‪،‬‬
‫وتوليد المخرجات ‪ ،‬وهيكلة الكود الخاص بك التخاذ القرارات في برامجك أو تكرار نفس كتلة‬
‫التعليمات البرمجية عدة مرات ‪ ،‬وإنشاء السالسل ‪ strings‬ومعالجتها وإنشاء المصفوفات‬
‫‪ Arrays‬والتعامل معها ‪ ،‬وتعريف واستدعاء الدوال ‪ ، functions‬وما إلى ذلك‪.‬‬

‫بعد ذلك سننتقل إلى المستوى الثاني الذي يشرح فكرة الكائنات ‪ ، objects‬ونموذج كائن المستند‬
‫‪ )Document Object Model (DOM‬ونموذج كائن المتصفح ‪Browser Object‬‬
‫‪ ، )Model (BOM‬باإلضافة إلى كيفية االستفادة من كائنات ‪ JavaScript‬األصلية مثل‬
‫التاريخ ‪ Date‬والرياضيات ‪ Math‬وما إلى ذلك ‪.‬‬

‫أخيرً ا في المستوى الثالث ‪ ،‬سنتعلم كيفية التعامل مع األحداث ‪ event‬وغير ذلك من الموضوعات‬
‫المتقدمة في هذه اللغة ‪ ،‬باإلضافة إلى نظرة مفصلة على الميزات المقدمة في ‪ECMAScript 6‬‬
‫أو ما تعرف إختصاراً ‪.ES6‬‬

‫البداية‬

‫هنا ‪ ،‬ستتعلم مدى سهولة إضافة تفاعل إلى صفحة ويب باستخدام ‪ .JavaScript‬ولكن قبل أن نبدأ‬
‫‪ ،‬تأكد من أن لديك بعض المعرفة العملية بـ ‪ HTML‬و ‪.CSS‬‬

‫إذا كنت قد بدأت للتو في عالم تطوير الويب ‪ ،‬فابدأ التعلم من هنا‬

‫حس ًنا ‪ ،‬لنبدأ بلغة البرمجة النصية األكثر شيوعًا من جانب العميل‪.‬‬

‫إضافة كود ‪ JavaScript‬إلى صفحات الويب الخاصة بك‬

‫توجد عاد ًة ثالث طرق إلضافة ‪ JavaScript‬إلى صفحة ويب‪:‬‬

‫تضمين كود ‪ JavaScript‬كمحتوى للعنصر <‪ >script‬داخل صفحة الويب‪.‬‬ ‫​‬


‫إنشاء ملف ‪ JavaScript‬خارجي بامتداد ‪ js.‬ثم تحميله داخل الصفحة من خالل السمة‬ ‫​‬
‫‪ src‬الخاصة بالعنصر <‪.>script‬‬
‫وضع كود ‪ JavaScript‬مباشرة داخل وسوم ‪ HTML‬باستخدام سمات خاصة مثل‬ ‫​‬
‫‪ ، onclick ، onmouseover ، onkeypress ، onload‬إلخ‪.‬‬
‫سنتعلم في هذا الدرس كل هذه الطرق بالتفصيل‪:‬‬

‫تضمين كود ‪ JavaScript‬داخل صفحة الويب‬

‫يمكننا تضمين كود ‪ JavaScript‬مباشر ًة في صفحات الويب الخاصة بنا عن طريق وضعها‬
‫كمحتوى داخل العنصر <‪ >script‬ويشير العنصر <‪ >script‬إلى متصفح الويب بأنه يحتوي‬
‫على نص برمجي قابل للتنفيذ وليس كود ‪.HTML‬‬

‫مثال‬

‫>‪1.​ <!doctype html‬‬


‫>‪2.​ <html‬‬
‫>‪3.​ <head‬‬
‫>"‪4.​ <meta charset="utf-8‬‬
‫>‪ JavaScript</title‬تضمين كود>‪5.​ <title‬‬
‫>‪6.​ </head‬‬
‫>‪7.​ <body‬‬
‫>‪8.​ <script‬‬
‫;"!‪9.​ var greet = "Hello World‬‬
‫;)‪10.​ document.write(greet‬‬
‫>‪11.​ </script‬‬
‫>‪12.​ </body‬‬
‫>‪13.​ </html‬‬
‫سيقوم كود ‪ JavaScript‬في المثال أعاله بطباعة رسالة نصية على صفحة الويب‪ .‬سوف‬
‫نتعلم ما تعنيه كل من عبارات ‪ JavaScript‬هذه في الدروس القادمة‪.‬‬

‫مالحظة‪: :‬‬

‫<‪script‬‬ ‫‪ type‬للوسم <‪ >script‬أي‬ ‫السمة‬ ‫تعد‬ ‫لم‬


‫‪ >"type="text/javascript‬مطلوبة في ‪HTML5. JavaScript‬‬
‫هي لغة البرمجة النصية االفتراضية لـ ‪.HTML5‬‬

‫استدعاء ملف ‪ JavaScript‬خارجي‬

‫ضا وضع كود ‪ JavaScript‬في ملف منفصل بامتداد ‪ ، js.‬ثم استدعاء هذا‬ ‫يمكننا أي ً‬
‫الملف في صفحة الويب من خالل السمة ‪ src‬الخاصة بالوسم <‪>script‬‬

‫بناء الجملة‬
‫>‪1.​<script src="js/hello.js"></script‬‬
‫هذه الطريقة مفيدة إذا كنا نريد إتاحة نفس كود ‪ JavaScript‬لصفحات متعددة‪ .‬في هذه‬
‫وتكرارا ‪ ،‬مما يجعل صيانة موقع الويب‬
‫ً‬ ‫مرارا‬
‫ً‬ ‫الحالة لن نتحاج إلى تكرار نفس المهمة‬
‫الخاص بنا أسهل بكثير‪.‬‬

‫حس ًنا ‪ ،‬دعنا ننشئ ملف ‪ JavaScript‬باسم "‪ "hello.js‬ونضع الكود التالي فيه‪:‬‬

‫مثال‬

‫‪ //‬دالة لعرض رسالة على شكل تنبيه ​‪1.‬‬


‫{ )(‪2.​function sayHello‬‬
‫;)"!‪3.​alert("Hello World‬‬
‫}​‪4.‬‬
‫​‪5.‬‬
‫‪ //‬إستدعاء الدالة عند النقر فوق الزر ​‪6.‬‬
‫=‪7.​document.getElementById("myBtn").onclick‬‬
‫;‪sayHello‬‬
‫اآلن ‪ ،‬يمكننا استدعاء ملف ‪ JavaScript‬الخارجي هذا داخل صفحة الويب باستخدام‬
‫العنصر <‪ ، >script‬كما في المثال التالي‪:‬‬

‫مثال‬

‫>‪1.​<!doctype html‬‬
‫>‪2.​<html‬‬
‫>‪3.​<head‬‬
‫>"‪4.​<meta charset="utf-8‬‬
‫>‪</title‬خارجي ‪ JavaScript‬استدعاء ملف>‪5.​<title‬‬
‫>‪6.​</head‬‬
‫>‪7.​<body‬‬
‫>‪8.​<button type="button" id="myBtn">Click Me<button‬‬
‫>‪9.​<script src="js/hello.js"></script‬‬
‫>‪10.​ </body‬‬
‫>‪11.​ </html‬‬

‫مالحظة‪: :‬‬
‫عاد ًة عندما يتم تنزيل ملف ‪ JavaScript‬خارجي ألول مرة ‪ ،‬يتم تخزينه‬
‫ا‬ ‫ًا‬ ‫في ذاكرة التخزين المؤقت للمتصفح (تما ًما‬
‫يجع‬ ‫ال‬ ‫خاد الو‬ ‫ع‬ ‫إلى تنز‬ ‫ل تح‬ ‫نماط)‬
‫في‬ ‫صفحا الو‬

‫وضع كود ‪ JavaScript‬مباشرة داخل وسوم ‪HTML‬‬

‫ضا وضع كود ‪ JavaScript‬مباشرة داخل وسوم ‪ HTML‬باستخدام سمات‬


‫يمكننا أي ً‬
‫خاصة مثل ‪ onclick‬و ‪ onmouseover‬و ‪ onkeypress‬و ‪ onload‬وما إلى‬
‫ذلك‪.‬‬

‫ومع ذلك ‪ ،‬يجب تجنب وضع كمية كبيرة من كود ‪ JavaScript‬مضمنة ألنها ستخلق‬
‫حالة من الفوضى ما بين ‪ HTML‬مع ‪ JavaScript‬وتجعل من الصعب الحفاظ على كود‬
‫‪.JavaScript‬‬

‫مثال‬

‫>‪1.​<!doctype html‬‬
‫>‪2.​<html‬‬
‫>‪3.​<head‬‬
‫>"‪4.​<meta charset="utf-8‬‬
‫>‪5.​<title>Inlining JavaScript</title‬‬
‫>‪6.​</head‬‬
‫>‪7.​<body‬‬
‫‪8.​<button onclick="alert('Hello World!')">Click‬‬
‫>‪Me</button‬‬
‫>‪9.​</body‬‬
‫>‪10.​ </html‬‬

‫س ُيظهر لك المثال أعاله رسالة تنبيه عند النقر فوق عنصر الزر <‪. >button‬‬
‫وضع كود البرنامج النصي داخل مستند ‪HTML‬‬

‫يمكن وضع العنصر <‪ >script‬في قسم <‪>head‬أو <‪ >body‬في مستند ‪. HTML‬‬
‫ولكن من الناحية المثالية ‪ ،‬يجب وضع البرامج النصية في نهاية قسم النص ‪ ،‬قبل وسم‬
‫اإلغالق <‪ >body/‬مباشرة ‪ ،‬مما يجعل تحميل صفحات الويب الخاصة بك أسرع ‪ ،‬ألنها‬
‫تمنع إعاقة عرض الصفحة األولية‪.‬‬

‫يعيق كل عنصر <‪ >script‬عملية عرض الصفحة حتى يتم تنزيل اكود ‪JavaScript‬‬
‫وتنفيذها بالكامل ‪ ،‬لذا فإن وضعها في قسم الرأس (أي عنصر <‪ )>head‬من المستند دون‬
‫أي سبب وجيه سيؤثر بشكل كبير على أداء موقع الويب الخاص بك‪.‬‬

‫نصيحة‪: :‬‬

‫يمكنك وضع أي عدد من عناصر <‪ >script‬في صفحة ويب واحدة‪..‬‬

‫الفرق بين البرمجة النصية من جانب العميل والخادم‬

‫يتم تفسير لغات البرمجة النصية من جانب العميل ‪Client-side scripting‬‬


‫‪ languages‬مثل ‪ JavaScript‬و ‪ VBScript‬وما إلى ذلك بواسطة مستعرض‬
‫الويب ‪ ،‬بينما تعمل لغات البرمجة النصية من جانب الخادم ‪server-side scripting‬‬
‫‪ languages‬مثل ‪ PHP‬و ‪ ASP‬و ‪ Java‬و ‪ Python‬و ‪ Ruby‬وما إلى ذلك على‬
‫خادم الويب وترسل المخرجات إلى متصفح الويب بتنسيق ‪. HTML‬‬

‫تتميز البرمجة النصية من جانب العميل بالعديد من المزايا مقارنة بنهج البرمجة النصية‬
‫التقليدية من جانب الخادم‪ .‬على سبيل المثال ‪ ،‬يمكنك استخدام ‪ JavaScript‬للتحقق مما‬
‫إذا كان المستخدم قد أدخل بيانات غير صالحة في حقول النموذج وإظهار إشعارات بأخطاء‬
‫اإلدخال وف ًقا لذلك في الوقت الفعلي قبل إرسال النموذج إلى خادم الويب للتحقق النهائي من‬
‫البيانات ومعالجتها من أجل منع اإلستخدام غير الضروري لموارد الشبكات واستغالل موارد‬
‫نظام الخادم‪.‬‬
‫ً‬
‫مقارنة بالبرنامج النصي من‬ ‫ضا ‪ ،‬تكون االستجابة من برنامج نصي من جانب الخادم أبطأ‬‫أي ً‬
‫نظرا ألن البرامج النصية من جانب الخادم تتم معالجتها على الخادم البعيد‬
‫جانب العميل ‪ً ،‬‬
‫وليس على الجهاز المحلي للمستخدم‪.‬‬

‫فهم بناء جملة ‪JavaScript‬‬

‫بناء جملة ‪ JavaScript‬هي مجموعة القواعد التي تحدد بناء برنامج ‪JavaScript‬‬
‫منظم بشكل صحيح‪ .‬تتكون لغة ‪ JavaScript‬من عبارات يتم وضعها داخل عنصر‬
‫<‪ >script‬في صفحة الويب ‪ ،‬أو داخل ملف ‪ JavaScript‬خارجي بامتداد ‪.js.‬‬

‫يوضح المثال التالي كيف تبدو عبارات ‪:JavaScript‬‬

‫مثال‬

‫;‪1.​var x = 5‬‬
‫;‪2.​var y = 10‬‬
‫;‪3.​var sum = x + y‬‬
‫‪ //‬طباعة قيمة المتغير ;)‪4.​document.write(sum‬‬

‫سوف تتعلم ما تعنيه كل من هذه العبارات في الدروس القادمة‪.‬‬

‫حساسية حالة األحرف في ‪JavaScript‬‬

‫‪ JavaScript‬حساس لحالة األحرف‪ .‬هذا يعني أنه يجب دائمًا كتابة المتغيرات والكلمات‬
‫األساسية للغة وأسماء الدوال والمعرفات األخرى بأحرف كبيرة متسقة‪.‬‬
‫على سبيل المثال ‪ ،‬يجب كتابة المتغير ‪ myVar‬وليس ‪MyVar‬وليس ‪ .MyVar‬وبالمثل ‪،‬‬
‫يجب كتابة اسم الدالة ‪ )(getElementById‬بشكل دقيق وبنفس حالة االحرف وليس‬
‫بالحالة ‪)(getElementByID‬‬

‫مثال‬
‫;"!‪1.​var myVar = "Hello World‬‬
‫;)‪2.​console.log(myVar‬‬
‫;)‪3.​console.log(MyVar‬‬
‫;)‪4.​console.log(myvar‬‬

‫إذا قمت بالتحقق من وحدة تحكم المتصفح ‪ browser console‬عن طريق الضغط على‬
‫سطرا كالتالي‪:‬‬
‫ً‬ ‫المفتاح ‪ f12‬على لوحة المفاتيح ‪ ،‬فسترى‬
‫"‪"Uncaught ReferenceError: MyVar is not defined‬‬

‫‪ JavaScript‬كتابة التعليقات في لغة‬

‫تما ًما‪ُ .‬تضاف التعليقات ‪ JavaScript‬التعليق هو ببساطة سطر من النص يتجاهله مترجم‬
‫كتابة ‪ source code .‬عاد ًة بغرض توفير معلومات إضافية تتعلق بالكود المصدري‬
‫ضا‬
‫التعليقات لن تساعدك فقط على فهم الكود الخاص بك بعد فترة من الوقت ولكن أي ً‬
‫‪.‬اآلخرين الذين يعملون معك في نفس المشروع‬
‫التعليقات أحادية السطر باإلضافة إلى التعليقات متعددة األسطر‪ .‬تبدأ ‪ JavaScript‬يدعم‬
‫التعليقات أحادية السطر بشرطة مائلة مزدوجة ‪ ، //‬متبوعة بنص التعليق‪ .‬كما في المثال‬
‫‪:‬التالي‬

‫مثال‬
‫‪ //‬هذا هو اول برنامج جافاسكريبت لنا ​‪1.‬‬
‫;)"!‪2.​document.write("Hello World‬‬

‫حيث أن التعليق متعدد األسطر يبدأ (من اليسار إلى اليمين) بشرطة مائلة وعالمة النجمة‬
‫‪*/‬وينتهي بعالمة النجمة والشرطة المائلة *‪ ./‬فيما يلي مثال على تعليق متعدد األسطر‪.‬‬
‫مثال‬
‫هذا هو اول برنامج *‪1.​/‬‬
‫‪ */‬جافاسكريبت لنا ​‪2.‬‬
‫;)"!‪3.​document.write("Hello World‬‬

‫المتغيرات في لغة ‪JavaScript‬‬


‫المتغيرات ‪ Variables‬أساسية لجميع لغات البرمجة‪ُ .‬تستخدم المتغيرات لتخزين البيانات ‪،‬‬
‫مثل سلسلة من النصوص واألرقام وما إلى ذلك‪ .‬يمكن تحديد البيانات أو القيمة المخزنة في‬
‫المتغيرات وتحديثها واستردادها عند الحاجة‪ .‬بشكل عام ‪ ،‬المتغيرات هي أسماء رمزية للقيم‪.‬‬
‫يمكنك إنشاء متغير باستخدام كلمة ‪ ، var‬بينما يتم استخدام إشارة المساواة = وهنا تعرف‬
‫بمعامل اإلسناد ‪ assignment operator‬إلسناد قيمة لمتغير ‪ ،‬كما يلي‪:‬‬
‫;‪var varName = value‬‬
‫مثال‬
‫;"‪1.​var name = "Murad Mustafa‬‬
‫;‪2.​var age = 35‬‬
‫;‪3.​var isMarried = true‬‬
‫نصيحة‪: :‬‬
‫أعط دائ ًما أسماء ذات معنى للمتغيرات الخاصة بك‪..‬‬

‫حيث‬ ‫الع‬ ‫مس‬ ‫المبرم‬ ‫ش‬ ‫‪( camelCase‬عرف‬


‫‪ ،‬على بيل‬ ‫و‬ ‫لةم‬ ‫يرة بعد‬ ‫حرف‬ ‫مات بدأ‬ ‫دام‬ ‫يتم‬
‫‪.myLongVariableName‬‬

‫في المثال أعاله ‪ ،‬أنشأنا ثالثة متغيرات ‪ ،‬تم تحديد قيمة للمتغير االول من نوع سلسلة نصية‬
‫‪ ، string‬وتم تحديد قيمة رقمية ‪ number‬للمتغير الثاني ‪ ،‬بينما تم تحديد قيمة منطقية‬
‫‪ boolean‬آلخر متغير ‪ .‬يمكن أن تحتوي المتغيرات على أنواع مختلفة من البيانات ‪،‬‬
‫وسنتعرف عليها في درس الحق‪.‬‬
‫ضا اإلعالن عن المتغيرات دون تحديد أي قيم أولية لها‪ .‬هذا‬
‫في ‪ ، JavaScript‬يمكننا أي ً‬
‫مفيد للمتغيرات التي من المفترض أن تحتفظ بقيم مثل مدخالت المستخدم‪.‬‬
‫مثال‬
‫‪ //‬اإلعالن عن متغير ​‪1.‬‬
‫; ‪2.​var userName‬‬
‫‪ //‬تحديد قيمة للمتغير ​‪3.‬‬
‫;"‪4.​userName = "Ahmed Ali‬‬

‫مالحظة‪: :‬‬
‫في ‪ ، JavaScript‬إذا تم اإلعالن عن متغير ‪ ،‬ولكن لم يتم تحديد قيمة له‬
‫بشكل صريح ‪ ،‬فسيتم تلقائ ًيا تحديد القيمة ‪ undefined‬له‪. .‬‬

‫اإلعالن عن مجموعة من المتغيرات مرة واحدة‬

‫ضا تعريف المتغيرات المتعددة وتحديد قيمها األولية في جملة‬


‫باإلضافة إلى ذلك ‪ ،‬يمكننا أي ً‬
‫واحدة‪ .‬يتم الفصل بين المتغيرات بفواصل ‪ ،‬كما هو موضح في المثال التالي‪:‬‬

‫مثال‬

‫‪ //‬اإلعالن عن مجموعة من المتغيرات ​‪1.‬‬


‫= ‪2.​var name = "Murad Mustafa", age = 35, isMarried‬‬
‫;‪true‬‬
‫يمكننا ايضا كتابة اإلعالنات الطويلة على *‪3.​/‬‬
‫‪ */‬خطوط متعددة لتحسين إمكانية القراءة ​‪4.‬‬
‫‪5.​var name = "Murad Mustafa",‬‬
‫‪6.​age = 35,‬‬
‫;‪7.​isMarried = true‬‬

‫‪ ES6‬الكلمات المحجوزة ‪ Let‬و ‪const‬‬

‫في المعيار ‪ ES6‬تم إضافة كلمتين محجوزتين جديدتين ‪ let‬و ‪ const‬لإلعالن عن‬
‫المتغيرات‪.‬‬
‫تعمل الكلمة المحجوزة ‪ const‬تمامًا مثل ‪ ، let‬باستثناء أن المتغيرات المُعلنة باستخدام‬
‫كلمة ‪ const‬ال يمكن التعديل على محتوها الح ًقا في الكود‪ .‬هذا مثال‪:‬‬
‫مثال‬
‫اإلعالن عن المتغيرات ‪1.​//‬‬
‫;"‪2.​let name = "Ahmed Samir‬‬
‫;‪3.​let age = 11‬‬
‫;‪4.​let isStudent = true‬‬
‫اإلعالن عن الثوابت ‪5.​//‬‬
‫;‪6.​const PI = 3.14‬‬
‫‪7.​console.log(PI);// 3.14‬‬
‫محاولة إعادة تحديد قيمة للثابت ‪8.​//‬‬
‫‪9.​PI = 10; // error‬‬

You might also like