المتغيرات فى لغة جافا سكريبت |JavaScript Variables

---

سنتناقش فى هذا الفصل المتغيرات فى لغة جافا سكريبت JavaScript بالتفصيل، وكيفية تعريف المتغيرات في JavaScript.، مع بعض الأمثلة التوضيحة.

---

 

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

 

المتغيرات فى JavaScript يمكن أن تحتوي على قيم مع أي نوع من البيانات.

هناك 3 طرق للإعلان عن متغير جافا سكريبت باستخدام:

• var
• let
• const

 

فى هذا الفصل سيتم شرح الـ var فقط، وفى الفصول القادمة let و const بإذن الله.

 

---

 

المتغيرات – Variables

 

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

 

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

var myName = "Hamed Essam";
var counter = 20;

فى المثال السابق المتغيرات myName (يخزن القيمة “Hamed Essam”) و myNumber (يخزن القيمة “19”) معرّفة بالكلمة الأساسية var.

 

---

 

إعلان متغيرات جافا سكريبت – Declare JavaScript variables

 

يسمى إنشاء متغير في JavaScript إعلان “Declare” متغير. للإعلان عن متغير فى JavaScript نستخدم كلمة var، كالتالى:

var myName;

يمكن أن يكون اسم المتغير أي معرف identifier صالح. يتم الإعلان عن المتغير “myName” مع الاحتفاظ بقيمة خاصة غير محددة Undefined.

بعد الإعلان عن المتغير ، يمكنك تعيين قيمة نصية للمتغير كما يلي:

myName = "Hamed Essam";

 

يمكنك أيضًا تعيين قيمة للمتغير عندما تعلنه. على سبيل المثال ، تعلن العبارة التالية عن متغير myName وتعيين قيمة له “Hamed Essam“:

var myName = "Hamed Essam";

---

 

هل يمكن الإعلان عن أكثر من متغير فى بيان واحد؟

 

نعم! يمكنك الإعلان عن العديد من المتغيرات في بيان واحد. ابدأ الجملة بـ var وافصل بين المتغيرات بفاصلة “,“، كالتالى:

var myName  = "Hamed Essam",
    counter = 10;

---

 

إعادة تعريف متغيرات جافا سكريبت

 

إذا قمت بإعادة الإعلان عن متغير JavaScript ، فلن يفقد قيمته. فى المثال التالى سيظل المتغير price يحمل القيمة 200 بعد تنفيذ هذه العبارات:

var price = 200;
var price;

---

 

تحديث المتغير

 

بمجرد تهيئة المتغير بقيمة ، يمكنك تغيير أو تحديث هذه القيمة من خلال إعطائها قيمة مختلفة. كالتالى:

var price = 200;
console.log(price); // outputs = 200
price = 300;
console.log(price); // outputs = 300

---

 

قواعد إنشاء أسماء للمتغيرات

 

يجب تحديد جميع متغيرات JavaScript بأسماء فريدة (تسمى identifiers).

القواعد العامة لإنشاء أسماء للمتغيرات (المعرفات الفريدة) هي:

• يمكن أن تحتوي الأسماء على أحرف وأرقام وشرطات سفلية (_)  وعلامات الدولار ($).
• غير مسموح بإستخدام الأرقام في بداية المتغيرات ويسبب خطأ.
• يجب أن تبدأ الأسماء بحرف.
• المتغيرات حساسة لحالة الأحرف (myMessage متغير مختلف عن mymessage).
• لا تستخدم الشرطة السفلية (_) في بداية أسماء المتغيرات؛ يتم استخدام هذا في بعض تكوينات JavaScript للإشارة إلى أشياء محددة ، فتجنب ذلك.
• الأسماء حساسة لحالة الأحرف case sensitive.
• تجنب استخدام كلمات JavaScript المحجوزة كأسماء المتغيرات الخاصة بك. بهذا نعني الكلمات التي تشكل البنية الفعلية لجافا سكريبت! لذلك ، لا يمكنك استخدام كلمات مثل var و if و let و for كأسماء متغيرات. تتعرف المستعرضات عليها كعناصر تعليمات برمجية مختلفة ، وبالتالي ستحصل على أخطاء.

 

✔ أمثلة جيدة ذات معنى على أسماء لمتغيرات:

myName
myAge
firstName
last_name
counter
addToCart
printMessage
showMeMessage

 

أمثلة سيئة ليس لها معنى على أسماء لمتغيرات:

_a
3
myname
let
COUNTER
_423
x
printtomemessagesayhelloworld

---

 

أنواع البيانات فى JavaScript

 

هناك عدة أنواع مختلفة من البيانات يمكننا تخزينها في المتغيرات. وهم:

1. Numbers: للقيم الرقمية.
2. Strings: للقيم النصية.
3. Booleans (القيم المنطقية): يمكن أن تحتوي على قيمتين ، true أو false.
4. Arrays (المصفوفة): هي كائن واحد يحتوي على قيم متعددة محاطة بأقواس مربعة [] ومفصولة بفواصل ‘,’.
5. Objects (الكائن): هو هيكل من التعليمات البرمجية التي تمثل كائنًا واقعيًا.

 

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

// Number Example
var counter = 20;

// String Example
var myName  = "Hamed Essam";

// Boolean Example
var isVerified = false;

// Array Example
var mtFavouriteCars = ['BMW', 'Bentley', 'Honda', 'Jeep'];

// Object Example
var userInfo = {
    name: 'Mohammed', 
    Email: 'Mohamed2021@gmail.com', 
    age: 30,
}

الأن ركز فقط على أول نوعين (numbers و string)، أما باقى الأنواع هنتعرف عليهم أكثر فى الفصول القادمة بإذن الله.