الجزء الثالث – المتغيرات (Variables) – سلسلة FSWD – JS

ahmedمنذ 4 أسابيع

0 134 2 دقائق

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

🟢 أولًا: يعني إيه “متغير” في البرمجة؟

المتغير (Variable) هو مكان في الذاكرة بنخزن فيه بيانات علشان نقدر نستخدمها أو نغيّرها لاحقًا.

زي لما تحط رقم أو كلمة في “علبة” وتسمي العلبة دي باسم معين، وبعدين تستخدم الاسم ده علشان توصل للمحتوى.

✅ أنواع المتغيرات في JavaScript:

في JavaScript عندنا 3 طرق لتعريف المتغير:

الكلمة	الوصف
`var`	الطريقة القديمة، وليها مشاكل مع الـ Scope.
`let`	الطريقة الحديثة، ومرنة – الأفضل في أغلب الحالات.
`const`	متغير ثابت – ما ينفعش تغيّر قيمته بعد ما تديها له.

أمثلة:

1. `var`

var name = "Ahmed";
console.log(name); // Ahmed

ممكن تعيد تعريف نفس المتغير، وده خطر في البرامج الكبيرة.

2. `let`

let age = 25;
console.log(age); // 25

age = 26;
console.log(age); // 26

تقدر تغير القيمة، لكن ما تقدرش تعيد تعريف نفس المتغير في نفس الـ scope.

3. `const`

const country = "Egypt";
console.log(country); // Egypt

// country = "Saudi Arabia"; ❌ هتديك خطأ

المتغير بـ const ما ينفعش تغيّر قيمته بعد ما تتحدد.

✅ أنواع البيانات (Data Types)

JavaScript بتفهم أنواع مختلفة من البيانات

النوع	مثال	الوصف
String	`"Ahmed"` أو `'Hello'`	نصوص (بين علامات اقتباس)
Number	`10`, `3.14`, `-50`	أرقام صحيحة أو عشرية
Boolean	`true`, `false`	صح أو خطأ (منطقي)
Null	`null`	قيمة فارغة عن قصد
Undefined	متغير ما خدش قيمة	المتغير لسه مش متحدد

مثال على كل نوع:

let myName = "Ahmed";          // String
let age = 30;                  // Number
let isStudent = true;          // Boolean
let car = null;                // Null
let job;                       // Undefined (لأن مفيش قيمة)

🔄 استخدام typeof علشان تعرف نوع البيانات:

console.log(typeof myName);      // string
console.log(typeof age);         // number
console.log(typeof isStudent);   // boolean
console.log(typeof car);         // object (ودي حاجة قديمة في جافاسكربت)
console.log(typeof job);         // undefined

✅ 💯 مثال كامل ومتكامل:

<!DOCTYPE html>
<html>
<head>
  <title>شرح المتغيرات</title>
</head>
<body>
  <h2>افتح الكونسول علشان تشوف النتائج</h2>

  <script>
    // تعريف المتغيرات
    var name = "Ahmed";
    let age = 25;
    const country = "Egypt";

    // أنواع بيانات مختلفة
    let isMarried = false;
    let height = 1.75;
    let job = undefined;
    let car = null;

    // طباعة القيم
    console.log("الاسم:", name);
    console.log("السن:", age);
    console.log("البلد:", country);
    console.log("متجوز؟", isMarried);
    console.log("الطول:", height);
    console.log("الوظيفة:", job);
    console.log("السيارة:", car);

    // طباعة الأنواع
    console.log("نوع name:", typeof name);
    console.log("نوع age:", typeof age);
    console.log("نوع isMarried:", typeof isMarried);
    console.log("نوع job:", typeof job);
    console.log("نوع car:", typeof car);
  </script>

</body>
</html>

لو فتحت الصفحة دي في متصفحك وفتحت الكونسول (F12 → Console)، هتشوف كل القيم والأنواع مطبوعة بشكل مرتب