أسلوب و مبادئ كتابة الكود في جافا سكربت

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

قبل أي شى تذكر  أن JavaScript ليست Java

Case Sensitivity

والمقصود به هو حساسية الحروف ( التمييز بين الحروف الكبيرة والحروف الصغيرة ) ، بالجافا سكربت مثل بقية معظم اللغات ، فهي حساسة للأحرف وتفرق ما بين الحروف الكبيرة والصغيرة .

المتغيرات (Variables)

المتغيرات في لغة جافا سكربت حساسة لحالة الأحرف ، المتغير z مختلف عن المتغير Z .

loosely typed

تعتبر لغة جافا سكربت loosely typed وهذا يعني انه ليس عليك تحديد ما هو نوع البيانات الذي سيتم تخزينه في متغير ما ، تقوم الجافا سكربت تلقائياََ بمعرفة نوع المتغير بناء على البيانات التي تقوم بتعينها لها .

على سبيل المثال هذه الاشارة ” ” أو ‘ ‘  تشير إلي قيم نصية .

var myName;
myName = "Mohammed";

بالسطر الأول بالكود أعلاه عملية تعريف متغير ( Declare Variable ) بإسم myName  وكلمة var هي كلمة من الكلمات المحجوزة في لغة الجافا سكربت لتبين أن ما سوف أقوم بإنشاءه هو عبارة عن متغير .

بالسطر الثاني ، وهو اعطاء قيمة للمتغير myName وبمجرد ان القيمة بين علامتي ” ” ستعرف الجافا سكربت ان هذا المتغير نوعه نصي string .

var myName , myAge, myJob;

يمكن إنشاء أكثر من متغير في نفس السطر ، وذلك بفصل أسماء المتغيرات بفاصلة .

var myName = "Mohmmed", 
    myAge = 30, 
    myJob = "Front End Developer";

يمكن وضع قيم افتراضية أثناء انشاء المتغير ، ولاحظ ايضاََ بالكود أعلاه ، أن كلمة var ذكرت مرة واحدة مع أن كل متغير في سطر لوحده ، نعم هنا لا يوجد أي مشكلة طالما يفصل بين كل متغير وأخر فاصلة ، وهذا من باب التنظيم والترتيب

ممكن إستخدام الدالة ( typeof ) لمعرفة نوع المتغير ، سنقوم من خلال الـ Console بشرح مثال سريع لذلك .

إسم المتغير

يفضل دائما بالجافا سكربت كتابة اسم المتغير بطريقة تعرف بإسم Camel Case

عندما نقوم بكتابة كلمة أو مجموعة كلمات متلاصقة  وتكون الكلمة الأولى بحروف صغيرة فإن تلك الكلمات تكون قد كتبت بطريقة الـ Camel Case .

التعليقات في الجافا سكربت

يمكن كتابة التعليقات في الجافا سكربت بأكثر من طريقة ، الطريقة الاولى وهي الابسط وفي حال كانت لتوضيح بسيط وسريع

الطريقة الأولى:

// here write comment or JavaScript code

في هذه الطريقة مجرد كتابة هذه العلامات // تفهم الجافا سكربت ان ما هو مكتوب خلفها هو عبارة عن تعليق ولن تقوم بقرائته في المتصفح ، ممكن ان يكون توضيح للكود الحالي سواءََ لك في الفترة الحالية او في فترة ما عند رجوعك للكود لفهمه بشكل اسرع من خلال الكود

الطريقة الثانية:

في هذه الطريقة نقوم بكتابة التعليق ليشمل اكثر من سطر

/*
Here Write Comment
And You Can write here comment
or here
or here again :D
*/

من خلال هذه الطريقة نستطيع كتابة التعليقات في أكثر من سطر وحتى نستطيع ذلك نقوم بالبداية بكتابة هذه العلامة */ ومن ثم الاغلاق بهذه العلامة /* ويكون بينهما التعليق الذي تريد وبإمكانك النزول لأكثر من سطر كما تريد من خلال زر الـ Enter

العمليات (Operations)

وهي العمليات المعروفة والمعتادة ، مثل عملية الجمع ( + ) والطرح ( – ) والضرب ( * ) والقسمة ( ) .

عمليات المقارنة (Comparison Operators)

•  == عملية المساواة ( Equal )
• != عملية اللامساواة ( Not Equal )
• < عملية الأصغر من ( Less Than )
• > عملية الأكبر من ( Greater Than )
• <= عملية الأصغر من أو يساوي ( Less Than Or Equal To )
• >= عملية الأكبر من أو يساوي ( Greater Than Or To )

عمليات المنطق (Logic operators)

• && ->  Logic And  ( تذكر دائماََ أن True and True  النتيجة True ما عدا ذلك فهو False ، يجب تحقق الشرطين معاََ. )
• ||   ->  Logic Or  ( تذكر دائماََ False OR False  النتيجة False ما عدا ذلك فهو True , تحقق أحد الشرطين فقط . )