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

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

---

 

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

 

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

 

---

 

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

 

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

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

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

 

var message_1 = "Hello JS!";

 

 

---

 

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

 

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

showMe
firstName
myFunction
myVariable
myLastName

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

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

 

---

 

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

 

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

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

---

---

 

متغيرات جافا سكريبت – 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);

---

 

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

 

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

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

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

 

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

---

---

---

 

عوامل تشغيل جافا سكريبت – 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";

 

 

---

 

تعليقات JavaScript

 

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

// This is single-line Comment

/*
* This is a block Comment
*/

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