سنتناقش فى هذا الفصل شرح بنية كود جافا سكريبت | JavaScript Syntax بالتفصيل مع أمثلة توضيحية كثيرة!


 

شرح بنية كود جافا سكريبت – JavaScript Syntax

 

بناء جملة JavaScript هو مجموعة القواعد ، وكيفية إنشاء برامج JavaScript.

 


 

معرفات جافا سكريبت – Identifiers

 

المعرفات هي أسماء تُستخدم لتسمية المتغيرات والكلمات الأساسية والوظائف Functions والفئات Classes.

يتكون المعرف من حرف واحد أو أكثر بالتنسيق التالي:

  • يجب أن يكون الحرف الأول حرفًا (a-z أو A-Z) أو شرطة سفلية (_) أو علامة دولار ($).
  • يمكن أن تكون الأحرف الأخرى عبارة عن أحرف (a-z ، A-Z) وأرقام (0-9) وشرطات سفلية (_) وعلامات الدولار ($).

 

var message_1 = "Hello JS!";

 

 

لاحظ أن الحرف في هذا السياق لا يقتصر على حرف ASCII ولكنه قد يتضمن ASCII أو Unicode الممتد على الرغم من أنه غير مستحسن.

غير مسموح باستخدام الأرقام كأول حرف.


 

حالة الجمل – Camel Case

 

من الممارسات الجيدة استخدام طريقة الـ Camel Case للمعرفات، مما يعني أن الحرف الأول صغير ، وكل كلمة إضافية تبدأ بحرف كبير. إليك بعض الأمثلة:

showMe
firstName
myFunction
myVariable
myLastName

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

  1. طريقة الـ Pascal Case. مثل ShowMessage و FirstName.
  2. Underscore. مثل show_message و first_name.

 

غير مسموح باستخدام الواصلات (-) في JavaScript؛ لأنها محجوزة لعمليات الطرح.


 

جافا سكريبت حساسة لحالة الأحرف – JavaScript is Case Sensitive

 

كل شيء في JavaScript بما في ذلك المتغيرات وأسماء الوظائف وأسماء الفئات حساس لحالة الأحرف. هذا يعني أن المتغير myname مختلف عن المتغير myName:

var myname = "Mohamed";
var myName = "Mohamed";

Advertisements

 

متغيرات جافا سكريبت – JavaScript Variables

 

يتم استخدام المتغيرات في جميع لغات البرمجة لتخزين البيانات.

تستخدم JavaScript الكلمات الرئيسية var و let و const لتعريف المتغيرات.

لتعيين قيم للمتغيرات نستخدم علامة التساوى (=).

 

مثال للتوضيح:

var car = "Toyota";

في المثال السابق، تم تعريف كلمة car على أنها متغير. وتم تعيين قيمتها وتساوى “Toyota”.


 

قيم جافا سكريبت – JavaScript Values

 

تحدد صيغة JavaScript نوعين من القيم:

  • قيم ثابتة، وتسمى حرفية Literals.
  • قيم متغيرة، وتسمى المتغيرات Variables.

 


 

JavaScript Literals

 

أهم قاعدتين لبناء الجملة للقيم الثابتة هما:

  1. السلاسل String وهى عبارة عن نص مكتوب بين علامتي اقتباس مزدوجتين أو مفردة.
  2. الأرقام Numbers مكتوبة مع الكسور العشرية أو بدونها.

 

مثال للتوضيح:

console.log("JavaScript");
console.log(20.5);

نستخدم طريقة ()console.log لعرض البيانات في المستعرض. هتتعرف أكثر عليها فى الفصول القادمة.


 

بيان / تصريح – Statement

 

على الرغم من أن JavaScript لا يتطلب إنهاء العبارة بفاصلة منقوطة (؛) ، فمن المستحسن دائمًا استخدام الفاصلة المنقوطة لإنهاء العبارة.

والسبب هو أن الفاصلة المنقوطة ستجعل شفرتك أكثر قابلية للقراءة وتساعدك على تجنب العديد من المشكلات التي قد تواجهها.

بالإضافة إلى ذلك ، قد تحتاج إلى دمج شفرة JavaScript وضغطها قبل نشرها في بيئة الإنتاج لإزالة المساحة البيضاء الإضافية لتوفير النطاق الترددي ؛ بدون الفواصل المنقوطة ، سيكون لديك أخطاء في بناء الجملة.

 

var x = 3 // It's bad!
var y = 4; // It's Good!

Advertisements


 

عوامل تشغيل جافا سكريبت – JavaScript Operators

 

يستخدم JavaScript عوامل حسابية، مثل (+ ، – ، * ، /) لحساب القيم. ويُستخدم عامل التشغيل (=) لتعيين قيم للمتغيرات، كالتالى:

var num1 = 3;
var num2 = 20;
var total = num1 + num2;

console.log(total); // outputs = 23

 

التعبيرات – Expressions

 

التعبير هو مجموعة من القيم والمتغيرات والعوامل التي تحسب قيمة. على سبيل المثال (3 * 20 هيساوى 60):

20 * 3

 

لنفترض أن لديك متغيرين num1 و num2 ، فإن ما يلي يوضح تعبيرًا لهما:

num1 * num2

 

يمكن أن تكون القيم من أنواع مختلفة ، مثل الأرقام والنصوص. كالتالى:

console.log("2" + " + " + "3" + " " + "equal to" + " " + "5"); // outputs: 2 + 3 equal to 5

 

كلمات جافا سكريبت – JavaScript Keywords

 

تحدد JavaScript قائمة بالكلمات الرئيسية والكلمات المحجوزة التي لها استخدامات خاصة. لا يمكنك استخدام الكلمات الأساسية والكلمات المحجوزة كمعرفات.

 

على سبيل المثال (تخبر الكلمة الرئيسية let و var للمتصفح أن ينشئ متغيرات):

let firstName = "Hamed";
var lastName  = "Esam";

 

 

سوف تتعلم المزيد عن var و let والفرق بينهم فى الفصول القادمة.


 

تعليقات JavaScript

 

يدعم JavaScript كلاً من التعليقات أحادية السطر (//) والمجموعة (/*  */). التعليقات يتم تجاهلها ولن يتم تنفيذها، كالتالى:

// This is single-line Comment

/*
* This is a block Comment
*/

// var myName = "Hamed"; It will NOT be executed because it comment!

 

 

من الممارسات الجيدة استخدام علامة النجمة * لبدء سطر التعليق لأغراض القراءة.