JavaScript: بناء جافاسكريبت

آخر تحديث: 2026-10-13

البناء هو قواعد اللغة — إتقان قواعد بناء JS يضمن أن المتصفح يفهم الكود الخاص بك بشكل صحيح.

تصريحات ذات صلة：console.log() function return const else let var

1. الجمل والنقاط الفاصلة

يتكون كود JS من جمل، كل منها ينفذ عملية. تُشير النقطة الفاصلة ; إلى نهاية الجملة.

على الرغم من أن JS يحتوي على إدخال النقطة الفاصلة التلقائي (ASI) ويعمل معظم الكود بشكل جيد بدون نقاط فاصلة، يُوصى بشدة بإضافتها يدويًا. لماذا؟ لأن ASI تسيء تفسير نيتك أحيانًا، مما يتسبب في أخطاء يصعب تصحيحها. عادة إضافة النقطة الفاصلة توفر وقت تصحيح أكثر بكثير من الجهد اللازم لكتابتها.

جمل متعددة ملفوفة بأقواس مقوسة {} تشكل كتلة كود، تُرى عادة في أجسام الدوال، والجمل الشرطية، والحلقات:

<script>
if (score > 60) {
  result = "ناجح";
  color = "أخضر";
}
</script>

تجعل كتل الكود الجمل المتعددة تُنفذ كوحدة. على الرغم من أنه يمكن حذف الأقواس للجمل المفردة، لا تحذفها أبدًا — الأقواس تجعل نيتك أوضح وتمنع الأخطاء عند إضافة جمل أخرى لاحقًا.

2. التعليقات

التعليقات مكتوبة للبشر؛ المتصفح يتجاهلها تمامًا. التعليقات الجيدة تشرح "لماذا"، وليست "ماذا" (الكود نفسه يجب أن يوضح ماذا يفعل).

• تعليق سطر واحد: // تعليق
• تعليق multi-line: /* تعليق */

3. حساسية حالة الأحرف

JS حساسة لحالة الأحرف بشكل صارم: myVar، myvar، وMYVAR هي ثلاثة متغيرات مختلفة تمامًا. المبتدئون يتعثرون هنا غالبًا — المنطق يبدو صحيحًا، لكن تحدث أخطاء بسبب حالة أحرف خاطئة.

4. الكلمات المحجوزة والكلمات الممنوعة

تحجز JS كلمات معينة ككلمات مفتاحية (مثل var، let، const، function، if، else، إلخ) ولا يمكنك استخدامها كأسماء متغيرات. القائمة الكاملة للكلمات المحجوزة طويلة؛ فقط تذكر الشائعة منها — تمييز البناء في محررك سيساعد في تحديدها.

▶ مثال: الجمل، النقاط الفاصلة، وكتل الكود

▶ مثال: استخدام التعليقات

▶ مثال: عرض حساسية حالة الأحرف

▶ مثال: قواعد التسمية في الممارسة العملية

تصريحات ذات صلة：console.log() function return const else let var

❓ أسئلة شائعة

📖 ملخص

• جمل JS تنتهي بنقاط فاصلة — أضفها دائمًا يدويًا؛ لا تعتمد على إدخال النقطة الفاصلة التلقائي
• كتل الكود تستخدم {} — حتى للجمل المفردة، لا تحذف الأقواس أبدًا
• تعليقات سطر واحد تستخدم //، تعليقات multi-line تستخدم /* */ — التعليقات يجب أن تشرح "لماذا"، وليست "ماذا"
• JS حساسة لحالة الأحرف بشكل صارم — myVar ≠ myvar هو الخطأ الأكثر شيوعًا للمبتدئين
• أسماء المتغيرات لا يمكن أن تبدأ بأرقام، ولا يمكن استخدام كلمات مفتاحية أو محجوزة
• camelCase هي اتفاقية التسمية الموصى بها: firstName، totalScore

📝 تمارين

1. أساسي: اكتب كود JS يعلن متغيرين studentName وstudentAge، يعيّن قيمًا لهما، ويطبعهما بـ console.log(). تأكد أن جميع الجمل بها نقاط فاصلة وأسماء المتغيرات تستخدم camelCase.
2. متوسط: أنشئ صفحة بها حقل إدخال وزر. عندما يدخل المستخدم عمرًا، حدد ما إذا كان بالغًا (≥18) باستخدام كتلة كود if/else، واعرض النتيجة على الصفحة.
3. تحدي: أنشئ صفحة "فاحص التسمية" حيث يدخل المستخدم اسم متغير. يتحقق JS مما إذا كان صالحًا (لا يبدأ بأرقام، بدون مسافات أو شرطات، ليس كلمة مفتاحية) ويعرض "صالح" أو "غير صالح" مع السبب.

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

من نحن