5- قواعد بناء جافاسكربت (JavaScript Syntax)
قواعد بناء جافاسكربت هي مجموعة القواعد التي تحدد كيفية إنشاء برامج جافاسكربت. تحدد هذه القواعد أشياء مثل:
- كيفية إنشاء المتغيرات
- كيفية استخدام المتغيرات
- كيفية كتابة القيم المختلفة
إنشاء المتغيرات
هناك طريقتان رئيسيتان لإنشاء متغيرات في جافاسكربت:
- باستخدام الكلمة المفتاحية
var
(قديمة):
var x;
let y;
- باستخدام الكلمة المفتاحية
let
(موصى بها):
let x;
let y;
استخدام المتغيرات
بمجرد إنشاء متغير، يمكنك تخزين قيمة فيه باستخدام عامل التعيين (=
). على سبيل المثال:
x = 5;
y = 6;
let z = x + y;
في هذا المثال، قمنا بتخزين الرقم 5 في المتغير x
والرقم 6 في المتغير y
. بعد ذلك، قمنا بحساب مجموع x
و y
ووضع النتيجة (11) في المتغير z
.
قيم جافاسكربت (JavaScript Values)
وفقًا لقواعد بناء جافاسكربت، هناك نوعان رئيسيان للقيم:
- قيم ثابتة (Literals): هي قيم ثابتة لا تتغير، مثل الأرقام والنصوص.
- قيم متغيرة (Variables): هي قيم يمكن تغييرها لاحقًا في البرنامج، يتم تخزينها في متغيرات.
القيم الثابتة (Literals)
هناك نوعان رئيسيان من القيم الثابتة (Literals):
- الأرقام (Numbers): تُكتب الأرقام مع أو بدون فاصلة عشرية. على سبيل المثال:
10.50
1001
- السلاسل النصية (Strings): هي نصوص محاطة باقتباسات مزدوجة أو مفردة. على سبيل المثال:
"John Doe"
'John Doe'
المتغيرات في جافاسكربت (JavaScript Variables)
ببساطة، المتغيرات في جافاسكربت مثل صناديق صغيرة تستخدم لتخزين أشياء. هذه الأشياء يمكن أن تكون أرقامًا أو نصوصًا أو أي نوع آخر من البيانات.
تشبه المتغيرات الملصقات التي تضعها على صناديق الهدايا. تمنحك الملصق اسمًا للصندوق، والمتغير هو اسم للبيانات التي تحتفظ بها.
هناك ثلاث كلمات أساسية رئيسية في جافاسكربت لإنشاء متغيرات:
var
(قديمة): كانت تستخدم سابقًا لإنشاء المتغيرات، ولكن يوصى باستخدامlet
بدلاً منها.let
: الطريقة المفضلة لإنشاء المتغيرات في جافاسكربت الحديث.const
: تستخدم لإنشاء قيم ثابتة لا يمكن تغييرها لاحقًا.
استخدم علامة التساوي (=
) لتخزين قيمة في المتغير.
let x;
x = 6;
بمجرد إنشاء متغير، يمكنك استخدامه لاحقًا في برنامجك.
يمكن للمتغيرات تخزين أنواع مختلفة من البيانات:
- أرقام (مثل 10، 3.14)
- نصوص (مثل “مرحبا”)
باختصار، المتغيرات هي أدوات أساسية في جافاسكربت لأنها تساعدنا على تذكر الأشياء واستخدامها في أجزاء مختلفة من البرنامج.
العمليات الحسابية في جافاسكربت (JavaScript Operators)
تخيل أنك تعمل على واجبك المدرسي في الرياضيات. تحتاج إلى إجراء عمليات حسابية مثل الجمع والطرح والضرب والقسمة. في جافاسكربت، نستخدم العمليات الحسابية لإجراء هذه الحسابات.
أنواع العمليات الحسابية في جافاسكربت:
- الجمع (
+
): يجمع قيمتين رقميتين. على سبيل المثال،5 + 6
تساوي 11. - الطرح (
-
): يطرح قيمة رقمية من أخرى. على سبيل المثال،10 - 3
تساوي 7. - الضرب (
*
): يضرب قيمتين رقميتين. على سبيل المثال،2 * 4
تساوي 8. - القسمة (
/
): يقسم قيمة رقمية على أخرى. على سبيل المثال،12 / 3
تساوي 4.
مثال:
(5 + 6) * 10
في جافاسكربت، نستخدم (=
) لتخزين قيمة في متغير.
let x, y;
x = 5;
y = 6;
التعبيرات في جافاسكربت (JavaScript Expressions)
تعبيرات (Expressions):
عبارة عن تركيبات من قيم، ومتغيرات، ومعاملات، تقيم إلى قيمة.
عملية التقويم (Evaluation):
هي عملية حساب قيمة التعبير.
أمثلة:
5 * 10
تؤدي الي50
5 * 10
x * 10
(بافتراض أن x تحتوي على قيمة)تؤدي الي حاصل ضرب x في 10
x * 10
"John" + " " + "Doe"
تؤدي الي “John Doe”
"John" + " " + "Doe"
أنواع القيم:
يمكن أن تتضمن التعبيرات أنواع مختلفة من القيم، مثل:
- الأرقام (مثل 5، 3.14)
- السلاسل النصية (strings) (مثل “مرحبا”)
كلمات مفتاحية في جافاسكربت (JavaScript Keywords)
الكلمات المفتاحية في جافاسكربت هي كلمات خاصة لها معنى محدد مسبقًا. تشبه إلى حد ما إشارات المرور التي تعطينا تعليمات محددة. على سبيل المثال، تعني كلمة “قف” التوقف، وتعني كلمة “سر” الاستمرار في السير.
تستخدم الكلمات المفتاحية في جافاسكربت لإخبار المتصفح (أو بيئة التشغيل) بما يجب القيام به. على سبيل المثال، تخبر الكلمة المفتاحية let
المتصفح بإنشاء متغير جديد.
** أمثلة على الكلمات المفتاحية في جافاسكربت:**
let
: تُستخدم لإنشاء متغير جديد وتخزين قيمة فيه.var
(قديمة): كانت تُستخدم سابقًا لإنشاء متغيرات، ولكن يوصى باستخدامlet
بدلاً منها.const
: تُستخدم لإنشاء قيمة ثابتة لا يمكن تغييرها لاحقًا.
في الأمثلة التالية، سيؤدي استخدام var
أو let
إلى نفس النتيجة:
let x, y;
x = 5 + 6;
y = x * 10;
// أو
var x, y;
x = 5 + 6;
y = x * 10;
ستتعلم المزيد عن الفرق بين var
و let
في دروس لاحقة.
ملخص:
الكلمات المفتاحية ضرورية في جافاسكربت لأنها تساعدنا على التحكم في سلوك البرنامج وتوجيه المتصفح للقيام بما نريد.
التعليقات في جافاسكربت (JavaScript Comments)
ليس كل تعليمات جافاسكربت يتم تنفيذها بالفعل.
ما هي التعليقات (Comments):
- أي كود يوضع بعد علامتين مائلتين (//) أو بين /* و */ يعتبر تعليقًا (comment).
- يتم تجاهل التعليقات ولا يتم تنفيذها من قبل المتصفح.
مثال:
let x = 5; // I will be executed
// x = 6; I will NOT be executed
استخدامات التعليقات:
- شرح وتوضيح أجزاء من الكود.
- تعطيل تنفيذ أجزاء معينة من الكود مؤقتًا (تعليقات الاختبار).
- تحسين قابلية قراءة الكود لفهم الآخرين والمطور نفسه لاحقًا.
ستتعلم المزيد عن التعليقات في دروس لاحقة.
معرفات جافاسكربت (JavaScript Identifiers / Names)
ما هي المعرفات (Identifiers):
- هي أسماء تستخدم لتسمية المتغيرات والكلمات المفتاحية والوظائف في جافاسكربت.
- قواعد تسمية المعرفات متشابه في معظم لغات البرمجة.
قواعد تسمية المعرفات:
- يجب أن يبدأ اسم المعرف بأحد الأحرف التالية:
- حرف إنجليزي كبير (A-Z)
- حرف إنجليزي صغير (a-z)
- علامة الدولار ($)
- شرطة سفلية (_)
- الأحرف اللاحقة يمكن أن تكون حروفًا أو أرقامًا أو شُرط سفلية أو علامات دولار.
ملاحظة مهمة:
- لا يُسمح بالأرقام كأحرف الأولى في أسماء المعرفات. وذلك حتى يميز جافاسكربت بسهولة بين المعرفات والأرقام.
جافاسكربت حساس لحالة الأحرف (JavaScript is Case Sensitive)
في جافاسكربت، تُفرق حالة الأحرف المستخدمة في تسمية المتغيرات ( والكلمات المفتاحية والوظائف ). بمعنى آخر، يُعتبر اسمان مختلفان إذا اختلفا في استخدام الأحرف الكبيرة والصغيرة.
على سبيل المثال، المتغيرين lastName
و lastname
يعتبران متغيرين منفصلين تمامًا:
let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";
في هذا المثال، قمنا بتعريف متغيرين باسمين مختلفين: lastName
و lastname
. عندما قمنا بتعيين قيمة “Doe” للمتغير lastName
، لم تتأثر قيمة المتغير lastname
التي بقيت فارغة.
ملاحظة: لا يعتبر جافاسكربت LET
أو Let
نفس الكلمة المفتاحية let
. أي يجب استخدام الأحرف الصحيحة لضمان عمل الكود بشكل صحيح.
طريقة كتابة أسماء المتغيرات في جافاسكربت (JavaScript and Camel Case)
هناك طرق مختلفة لدمج كلمتين في اسم متغير واحد، وقد استخدم المبرمجون تاريخيًا الأساليب التالية:
- الواصلة (-): على سبيل المثال، first-name، last-name، master-card، inter-city. لا يُسمح بالواصلات في جافاسكربت لأنها تستخدم لعملية الطرح.
- شرطة سفلية (_): على سبيل المثال، first_name، last_name، master_card، inter_city.
- حروف كبيرة متصلة (Pascal Case): على سبيل المثال، FirstName، LastName، MasterCard، InterCity.
- حروف صغيرة متصلة مع جعل الحرف الأول صغيرًا (camel case): على سبيل المثال، firstName، lastName، masterCard، interCity.
يفضل مطورو جافاسكربت استخدام طريقة الأحرف الصغيرة المتصلة مع جعل الحرف الأول صغيرًا (camel case) لكتابة أسماء المتغيرات.
مجموعة الأحرف في جافاسكربت (JavaScript Character Set)
تستخدم جافاسكربت مجموعة الأحرف العالمية الموحدة Unicode التي تغطي (تقريبًا) جميع الأحرف والترقيم والرموز في العالم.