بناء جملة JavaScript
تعرف أن التعليمة عمل كامل وغالباً تنتهي بفاصلة منقوطة. الآن ننظر داخل تلك التعليمات: بناء الجملة (syntax) — قواعد كتابة القيم والأسماء حتى يقبل المتصفح شفرتك.
ما هو بناء جملة JavaScript وأي أجزاء يكتبها المبتدئ أولاً؟
بناء الجملة هو مجموعة القواعد لكتابة JavaScript بحيث يفهمها المحرك. في البداية تكتب غالباً قيماً حرفية (ثابتة: أرقاماً ونصاً بين علامات اقتباس)، ومعرّفات (أسماء تختارها)، وتعابير (وصفات صغيرة تنتج قيمة داخل تعليمة). JavaScript حسّاس لحالة الأحرف: score وScore اسمان مختلفان. اجعل علامات اقتباس السلسلة متطابقة عند الفتح والإغلاق.
أجزاء بناء الجملة بنظرة سريعة
📊 أجزاء يلتقيها المبتدئ أولاً
| الجزء | مثال | معناه لك |
|---|---|---|
| قيمة حرفية | 42 أو "Hi" |
قيمة مكتوبة مباشرة في الشيفرة |
| علامات اقتباس | "Hello" أو 'Hi' |
تحدد النص؛ يجب أن تتطابق |
| معرّف | userName |
اسم تختاره (حروف وأرقام و_ و$؛ لا يبدأ برقم) |
| حساسية الأحرف | total ≠ Total |
نفس الحروف بحجم مختلف = أسماء مختلفة |
| تعبير | 2 + 3 أو "A" + "B" |
يبني قيمة تستخدمها التعليمة |
| تعليمة (تذكير) | console.log(2 + 3); |
أمر كامل يستخدم هذه الأجزاء |
القيم الحرفية — قيم مكتوبة في مكانها
القيمة الحرفية قيمة تكتبها مباشرة. الأرقام بلا اقتباس. النص (سلسلة) بين علامتي اقتباس متطابقتين — فردية أو مزدوجة.
console.log(42);
console.log("Hello");
console.log('Also a string');
عادات جيدة للقيم الحرفية
- الأرقام: اكتب الأرقام (ونقطة عشرية عند الحاجة)
- السلاسل: اختر
"أو'وأغلق بنفس النوع - لا تضع اقتباساً حول رقم عادي إلا إن أردت نصاً حقاً
المعرّفات — أسماء تخترعها
المعرّف اسم لشيء في البرنامج. ستستخدمه كثيراً مع المتغيرات لاحقاً. الآن تعلّم قواعد الكتابة: ابدأ بحرف أو _ أو $؛ ثم حروف وأرقام و_ و$. تجنّب المسافات والشرطات في الأسماء.
let city = "Tehran";
let year = 2026;
console.log(city);
console.log(year);
let يقدّم اسماً. على اليمين قيم حرفية؛ city وyear معرّفان. قواعد التصريح والتحديث تفصيلاً في جلسة المتغيرات — هنا الهدف كيف تُكتب الأسماء.
حساسية حالة الأحرف
JavaScript يعتبر الحرف الكبير معنىً مختلفاً. color وColor معرّفان مختلفان. خطأ شائع: الشيفرة «تبدو صحيحة» لكن الاسم غير موجود.
let color = "teal";
console.log(color);
// console.log(Color); // خطأ إن لم يُنشأ Color
التعابير داخل التعليمات
التعبير ينتج قيمة. التعليمة أمر كامل يفعل شيئاً بتلك القيمة (مثل طباعتها). أنت تكتب التعليمات؛ بناء الجملة يوضح القطع داخلها.
console.log(2 + 3);
console.log("Hello" + " " + "world");
console.log(10 * 4);
2 + 3 تعبير (القيمة 5). السطر console.log(2 + 3); تعليمة تطبعها. عوامل مثل + و* لها جلسات لاحقاً؛ يكفي هنا أن ترى التعبير يعيش داخل التعليمة.
قيمة حرفية على الصفحة
الزائر يرى القيمة عندما تحدّث تعليمة الصفحة. السلسلة التي تعيّنها ما زالت قيمة حرفية — البناء والإخراج يعملان معاً.
<!DOCTYPE html>
<html>
<head>
<title>Syntax — Literal on page</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
document.getElementById("msg").textContent = "Syntax works";
</script>
</body>
</html>
تعليمة الإسناد تنتهي بفاصلة منقوطة. اليمين "Syntax works" سلسلة حرفية. اقتباس ناقص أو خطأ في getElementById يكسر البناء أو إيجاد الاسم.
جرّب بنفسك
- اطبع رقماً حرفياً وسلسلة حرفية؛ غيّرهما وأعد التشغيل.
- أنشئ
let label = "OK";، اطبعه، ثم أعد تسمية المعرّف في الموضعين حتى يبقى يعمل. - غيّر
labelإلىLabelفي مكان واحد فقط وتأكد من اعتراض Console؛ ثم صحّح الحالة. - اطبع
"Hi" + "!"و7 - 2؛ لاحظ أن كل تعبير داخل تعليمة. - افتح عرض HTML؛ غيّر السلسلة بين الاقتباس في
textContentوحدّث الصفحة.
أخطاء شائعة
- ترك سلسلة بلا علامة إغلاق مطابقة
- افتراض أن
scoreوScoreاسم واحد - بدء معرّف برقم (
1name) أو استخدام مسافات في الاسم - خلط هذه الجلسة بجلسة التعليمات: الترتيب وكتل
{ }كانت الدرس السابق؛ هنا التركيز على القيم والأسماء - توقع درس المتغيرات كاملاً —
letهنا فقط لإظهار معرّف حقيقي
ملخص
- بناء الجملة قواعد كتابة JavaScript صالح
- القيمة الحرفية قيمة مباشرة (رقم؛ سلسلة باقتباس)
- المعرّف اسم؛ الإملاء وحالة الأحرف مهمان
- التعبير يبني قيمة؛ التعليمة تستخدمها
- التالي: Comments — ملاحظات للبشر يتجاهلها المحرك
🧠 اختبر معرفتك
اختبر معرفتك
تحدى نفسك مع هذا الاختبار التفاعلي واكتشف مدى فهمك للموضوع
📝 التعليمات
- اقرأ كل سؤال بعناية
- اختر أفضل إجابة لكل سؤال
- يمكنك إعادة الاختبار عدة مرات كما تريد
- سيتم عرض تقدمك في الأعلى