العبارات البرمجية
تعرف كيف ترسل النتيجة إلى الصفحة أو الحوار أو Console فقط. الآن ننظر إلى وحدات العمل داخل السكربت: التعليمات (statements). كل تعليمة عمل كامل واحد. عدة تعليمات تُنفَّذ من الأعلى إلى الأسفل، ما لم تغيّر أدوات التحكم في المسار لاحقًا.
ما هي تعليمة JavaScript وكيف تكتب عدة تعليمات؟
التعليمة أمر كامل ينفّذه المتصفح — مثل طباعة قيمة أو تحديث عنصر. في هذه الدورة أنهِ كل تعليمة بفاصلة منقوطة (;). اكتب التعليمات بالترتيب الذي تريد تنفيذها به. المسافات وأسطُر جديدة للقراءة البشرية؛ لا تغيّر المعنى إن بقيت التعليمات واضحة. عندما تنتمي عدة تعليمات معًا، ضعها داخل أقواس معقوفة { } — هذه المجموعة كتلة تعليمات.
قواعد التعليمات باختصار
📊 كيف يفكّر المبتدئ في التعليمات
| الفكرة | ماذا تعني لك |
|---|---|
| تعليمة واحدة | عمل كامل واحد (ثم ; في هذه الدورة) |
| الفاصلة المنقوطة | تنهي التعليمة — اجعلها عادة الآن |
| التسلسل | من الأعلى للأسفل: الأسطر الأسبق تنتهي أولًا |
| المسافات | المسافات والأسطر الفارغة تسهّل القراءة؛ ليست «بناءً إضافيًا» |
| كسر السطر | يمكنك تقسيم تعليمة طويلة إن بقيت واضحة |
كتلة { } |
مجموعة تعليمات تُعامل كوحدة (ستراها كثيرًا) |
تعليمة واحدة
ابدأ بعمل واحد. الفاصلة المنقوطة تغلقه. يعرض Console النتيجة لك — وإن كان الهدف الزائر، ما زلت تحتاج تحديث الصفحة (الجلسة السابقة).
console.log("One statement");
عادات مفيدة
- فضّل عملًا واضحًا لكل تعليمة وأنت تتعلّم
- ضع
;في النهاية حتى لو خمّن المحرك أحيانًا - اقرأ السطر بصوت عالٍ: إن لم يكن أمرًا كاملًا بعد، فأنت لم تنتهِ
عدة تعليمات — الترتيب مهم
ينفّذ المحرك التعليمات بالترتيب. ينتهي أول console.log قبل أن يبدأ الثاني. بدّل السطرين فيتبدّل ترتيب Console أيضًا.
console.log("First");
console.log("Second");
console.log("Third");
على الصفحة نفس القاعدة: التعليمة الأسبق التي تضع النص تعمل قبل لاحقتها التي تغيّره. الترتيب جزء من المعنى.
أكثر من تعليمة في سطر واحد
يمكنك وضع تعليمتين قصيرتين في سطر واحد إن كان لكل منهما فاصلة منقوطة. الملفات المقروءة عادةً تبقي تعليمة واحدة لكل سطر. استخدم سطرًا مشتركًا فقط عندما تكون الخطوتان صغيرتين وتنتميان معًا حقًا.
console.log("A"); console.log("B");
المسافات وكسر الأسطر
المسافات الزائدة والأسطر الفارغة لا تنشئ تعليمات جديدة. كسر تعليمة طويلة على أسطر مقبول إن بقيت أجزاءها أمرًا واحدًا واضحًا. لا «تصلح» خطأً بمسح كل المسافات — أصلح المنطق أو الفاصلة المنقوطة الناقصة.
console.log(
"Still one statement"
);
console.log("Next statement");
كتل التعليمات — داخل الأقواس
الأقواس المعقوفة { } تجمع التعليمات في كتلة. ستراها داخل الدوال واختبارات if والحلقات قريبًا. الآن اعتبر الكتلة «هذه التعليمات تسير معًا».
<!DOCTYPE html>
<html>
<head>
<title>Statements — Block</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
{
document.getElementById("msg").textContent = "Step one";
document.getElementById("msg").textContent = "Step two — last wins";
}
</script>
</body>
</html>
تنفَّذ كلتا التعليمتين داخل الأقواس بالترتيب. ينتهي العنوان عند «Step two — last wins» لأن ذلك التعيين هو الأخير. الأقواس لا تغيّر قاعدة الأعلى→الأسفل؛ بل تجمع العمل فقط.
جرّب بنفسك
- نفّذ أسطر
console.logالثلاثة؛ ثم بدّل الأول والأخير وتأكد أن ترتيب Console تغيّر. - ضع سجلّين قصيرين في سطر واحد بفاصلتين منقوطتين؛ ثم افصلهما إلى سطرين للقراءة.
- اكسر سجل سلسلة على سطرين كما في مثال المسافات — وأبقِها تعليمة واحدة.
- افتح عرض HTML للكتلة؛ غيّر سلسلة التعيين الثاني وحدّث الصفحة.
- اختياري: احذف فاصلة منقوطة عمدًا، لاحظ رسالة Console، ثم أعدها.
أخطاء شائعة
- الاعتقاد أن المسافات أو الأسطر الفارغة هي البرنامج (هي تشكّل القراءة فقط)
- افتراض أن الأسطر اللاحقة تعمل قبل السابقة
- تخطي الفاصلة المنقوطة «لأنها نجحت مرة» ثم الاصطدام بحالة إدراج تلقائي مربكة لاحقًا
- خلط هذه الجلسة مع المخرجات: التعليمات أوامر؛ المخرجات كانت أين تظهر النتيجة
- توقّع أن Syntax (الجلسة التالية) هنا أصلًا — القيم والأسماء وحساسية الحالة هناك
ملخص
- التعليمة أمر كامل واحد
- أنهِ التعليمات بـ
;في هذه الدورة - عدة تعليمات تُنفَّذ من الأعلى إلى الأسفل
- المسافات وكسر الأسطر تساعد البشر؛ لا تخترع تعليمات جديدة
{ }تجمع التعليمات في كتلة- التالي: Syntax — كيف تُكتب القيم والأسماء داخل تلك التعليمات
🧠 اختبر معرفتك
اختبر معرفتك
تحدى نفسك مع هذا الاختبار التفاعلي واكتشف مدى فهمك للموضوع
📝 التعليمات
- اقرأ كل سؤال بعناية
- اختر أفضل إجابة لكل سؤال
- يمكنك إعادة الاختبار عدة مرات كما تريد
- سيتم عرض تقدمك في الأعلى