في هذا الدرس 7تصفّح المواضيع
تُعرف قواعد كتابة الكود (Syntax) بأنها الضوابط اللغوية وعلامات الترقيم الدقيقة التي يتوقعها محرك JavaScript ليتمكن من فهم أوامرك البرمجية؛ إذ يتألف البرنامج من سلسلة منظمة من التعليمات تُقرأ وتُنفذ بالتتابع من الأعلى إلى الأسفل.
إذا نُسي قوس إغلاق واحد أو علامة تنصيص واحدة يكتشف المحلل اللغوي ذلك فوراً قبل بدء التشغيل ويُطلق خطأ صياغة (SyntaxError).
تتعامل صياغة JavaScript مع فئتين أساسيتين من القيم داخل أي برنامج:
- القيم الحرفية الثابتة (Literals): هي القيم المكتوبة بصورتها المباشرة في السطر البرمجي، مثل الأعداد الصحيحة (
250)، والأعداد العشرية (19.95)، والنصوص المحاطة بعلامات تنصيص ("CloseTag")، والقيم المنطقية (trueوfalse). - القيم الديناميكية المخزنة: هي الحاويات المسماة في الذاكرة التي تتغير أو تُقرأ أثناء تشغيل التطبيق، وسنفصّل أدوات تعريفها في الفصل الثاني مباشرةً.
console.log(250);
console.log(19.95);
document.getElementById('lit-out').textContent = 'Course #4 — Rating: ' + 4.9;تنتهي كل جملة برمجية مكتملة في JavaScript بفاصلة منقوطة (;). ورغم أن المحرك يمتلك آلية الإدراج التلقائي للفواصل (Automatic Semicolon Insertion — ASI) عند نهاية الأسطر، فإن الاتكال عليها قد يدمج سطرين معاً بالخطأ إذا بدأ السطر التالي بقوس دائري ( أو مربع [.
لذلك يُعد إنهاء كل جملة بفاصلة منقوطة صريحة عُرفاً هندسياً رصيناً يمنع الأخطاء الخفية.
تسمح JavaScript بكتابة النصوص بين علامتي تنصيص مفردتين ('CloseTag') أو مزدوجتين ("CloseTag") دون أي فرق في الأداء أو المعنى، بشرط التطابق التام بين علامة البداية وعلامة النهاية، ويمكنك تضمين إحداهما داخل الأخرى بسلاسة مثل "Press 'Save' to continue".
document.getElementById('q1').textContent = "Press 'Run' to start.";
document.getElementById('q2').textContent = 'Section "A" is unlocked.';يُقصد بمصطلح التعبير البرمجي (Expression) أي تركيبة من القيم والعوامل يقيمها المحرك لإنتاج قيمة نهائية واحدة؛ فالتعبير الحسابي (40 + 10) * 2 ينتج القيمة الرقمية 100، وتعبير دمج النصوص "Track: " + "JavaScript" ينتج النص الموحد "Track: JavaScript".
خارج علامات التنصيص النصية، يتجاهل محرك JavaScript المسافات الإضافية والأسطر الفارغة بين العوامل؛ فكتابة 10+20 تعادل تنفيذياً 10 + 20، لكن ترك مسافة منظمة حول العوامل واعتماد مسافة بادئة ثابتة بمقدار مسافتين يجعل قراءة الكود ومراجعته أسهل بمراحل.
تتميز JavaScript بحساسية صارمة لحالة الأحرف الإنجليزية الكبيرة والصغيرة (Case-Sensitive)؛ فالاسم totalPrice يختلف كلياً عن TotalPrice، كما تعتمد اللغة ومكتباتها القياسية أسلوب الجمل (lowerCamelCase) مثل getElementById:
| قاعدة التسمية | أمثلة صحيحة | أمثلة خاطئة وسبب الرفض |
|---|---|---|
| محرف البداية المسموح | userName، _count، $el | 2ndPlace (يُمنع البدء برقم من 0 إلى 9) |
| منع الشرطة الوسطى | firstName | first-name (تُفسر الشرطة كعملية طرح حسابي!) |
| تجنب الكلمات المحجوزة | classTitle، returnUrl | الكلمات المحجوزة لبنية اللغة نفسها |
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتقنت في هذا الدرس قواعد صياغة JavaScript الأساسية من القيم الحرفية والفواصل المنقوطة وعلامات التنصيص المتطابقة والتعبيرات الحسابية وتنسيق المسافات إلى حساسية حالة الأحرف وضوابط تسمية المعرفات بأسلوب camelCase. الخطوة التالية: انتقل الآن إلى درس «التعليقات في لغة JavaScript» لتوثيق الأكواد باحترافية وأمان.
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات4
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Literal Value القيمة الحرفية الثابتة
- قيمة ثابتة تُكتب بصورتها المباشرة داخل الكود مثل الأرقام الصريحة والنصوص المحاطة بعلامات تنصيص.
- للمراجعة
- 02 Expression التعبير البرمجي
- أي تركيبة صحيحة من القيم والعوامل يحسبها محرك JavaScript لإنتاج قيمة نهائية واحدة.
- للمراجعة
- 03 camelCase تسمية سنام الجمل camelCase
- الأسلوب القياسي لتسمية المعرفات في JavaScript ببدء الكلمة الأولى بحرف صغير وبدء كل كلمة تالية بحرف كبير.
- للمراجعة
- 04 Case Sensitivity حساسية حالة الأحرف
- قاعدة لغوية صارمة تعني أن اختلاف حالة حرف واحد بين الكبير والصغير ينشئ اسماً برمجياً مختلفاً تماماً.
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات2
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 ASI ASI
- Automatic Semicolon Insertion
- آلية الإدراج التلقائي للفواصل المنقوطة عند نهايات بعض الأسطر، ويُفضل عدم الاتكال عليها وكتابة الفاصلة صراحةً.
- للمراجعة
- 02 ASCII ASCII
- American Standard Code for Information Interchange
- مجموعة المحارف القياسية الموصى بها في كتابة أسماء المعرفات البرمجية لضمان التوافق العالمي.
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
مهامك قبل الاختبار
خطوة صغيرة كل مرة. وإنجاز تقدر ترجع له.
-
اختر التبويب الثالث في محاكي الصياغة لتلاحظ كيف يؤدي تغيير حرف g الصغير إلى G كبير في getElementById إلى خطأ تشغيل.
-
افتح مثال علامات التنصيص في محرر التجربة وجرّب كتابة كلمة بين علامتي تنصيص مفردتين داخل نص محاط بعلامتين مزدوجتين.
تأشير المهمة إقرار منك بإتمامها، وليس تصحيحًا آليًا للكود. يُحفظ تقدمك في حسابك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.