4- عبارات جافاسكربت (JavaScript Statements)

مثال:

let x, y, z;    // Statement 1
x = 5;          // Statement 2
y = 6;          // Statement 3
z = x + y;      // Statement 4

برامج جافاسكربت

تخيل أنك تكتب تعليمات لحاسوبك لإنجاز مهمة معينة. في لغة البرمجة، تسمى هذه التعليمات عبارات.

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

تكوين عبارات جافاسكربت

تتكون عبارات جافاسكربت من عدة عناصر:

• القيم (Values): هي أشياء مثل الأرقام (مثل 5) أو النصوص (مثل “مرحبا بالعالم”).
• المعاملات (Operators): هي أدوات تساعدك على إجراء عمليات على القيم. على سبيل المثال، عملية الجمع (+) أو الطرح (-).
• التعبيرات (Expressions): هي عبارات تجمع القيم والمعاملات لإنشاء قيمة جديدة. على سبيل المثال، x + y هي تعبير يحسب مجموع قيمتي x و y.
• الكلمات الأساسية (Keywords): هي كلمات خاصة لها معنى محدد في جافاسكربت، مثل let و if و for.
• التعليقات (Comments): هي ملاحظات تكتبها لتوضيح ما تفعله العبارات، ولا يتم تنفيذها من قبل الحاسوب.

أمثلة على العبارات

• تعيين قيمة: x = 5; // تعطي قيمة 5 للمتغير x.
• عملية حسابية: z = x + y; // تحسب مجموع قيمتي x و y وتخزن النتيجة في المتغير z.
• عرض رسالة: document.getElementById("demo").innerHTML = "مرحبا بالعالم"; // تعرض عبارة “مرحبا بالعالم” داخل عنصر HTML مع الخاصية id="demo".

تنفيذ العبارات

يتم تنفيذ عبارات جافاسكربت عادةً، واحدة تلو الأخرى، بنفس الترتيب الذي كتبت به.

الفواصل المنقطة (Semicolons)

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

let a, b, c;  // Declare 3 variables
a = 5;        // Assign the value 5 to a
b = 6;        // Assign the value 6 to b
c = a + b;    // Assign the sum of a and b to c

عند الفصل بينها بفواصل منقوطة، يُسمح بعدة عبارات في سطر واحد:

a = 5; b = 6; c = a + b;

ملخص

عبارات جافاسكربت هي التعليمات الأساسية التي تشكل برامج جافاسكربت. من خلال فهم المكونات المختلفة لهذه العبارات وكيفية استخدامها، يمكنك بناء برامج جافاسكربت لإنشاء صفحات ويب تفاعلية وممتعة.

فراغات جافاسكربت (JavaScript White Space)

لا تبالي جافاسكربت بعدد المسافات الفارغة. يمكنك إضافة فراغات إلى الكود لتحسين قابلية القراءة.

السطور التالية متكافئة:

let person = "Hege";
let person = "Hege";

من الممارسات الجيدة وضع فراغات حول المعاملات ( = + – * / ):

let x = y + z;

طول وعلامات انتقال الأسطر في جافاسكربت (JavaScript Line Length and Line Breaks)

لمزيد من قابلية القراءة، يفضل المبرمجون غالبًا تجنب أسطر التعليمات الأطول من 80 حرفًا.

إذا لم يتسع تعبير جافاسكربت في سطر واحد، فإن أفضل مكان لكسره يكون بعد عامل:

مثال:

document.getElementById("demo").innerHTML =
"Hello Dolly!";

كتل كود جافاسكربت (JavaScript Code Blocks)

يمكن تجميع عبارات جافاسكربت معًا في كتل كود، داخل أقواس متعرجة { … }.

الغرض من كتل الكود هو تحديد عبارات يتم تنفيذها معًا.

المكان الذي ستجد فيه عبارات مجمعة في كتل هو داخل وظائف جافاسكربت:

مثال:

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

في هذا البرنامج التعليمي، نستخدم مساحتين للتع indent لصالح كتل الكود.

ستتعلم المزيد عن الوظائف لاحقًا في هذا البرنامج التعليمي.

كلمات مفتاحية في جافاسكربت (JavaScript Keywords)

غالبًا ما تبدأ عبارات جافاسكربت بكلمة مفتاحية لتحديد إجراء جافاسكربت الذي سيتم تنفيذه.

يقوم مرجعنا للكلمات المحجوزة (Reserved Words Reference) بإدراج جميع الكلمات المفتاحية في جافاسكربت.

فيما يلي قائمة ببعض الكلمات المفتاحية التي ستتعلم عنها في هذا البرنامج التعليمي:

الكلمات المفتاحية في جافاسكربت هي كلمات محجوزة. لا يمكن استخدام الكلمات المحجوزة كأسماء للمتغيرات.