Chapter 1 — Variables

JavaScript'da ma'lumot bilan ishlash uchun eng birinchi va eng muhim tushuncha — bu variable (o'zgaruvchi).
Bu bobda siz variable nima ekanini, uni qanday yaratishni, var, let va const orasidagi farqni va scope tushunchasini o'rganasiz.

---

1.1 Variable nima?

Simple Explanation

Variable — ma'lumotni saqlash uchun ishlatiladigan nomlangan joy.
Uni "quti" deb tasavvur qiling: qutiga biror narsa qo'yasiz, keyin o'sha qutini nomi orqali chaqirasiz.

Why Does It Exist?

Agar variable bo'lmasa, har safar ma'lumotni qayta yozishga to'g'ri kelardi.
Variable orqali:

• Ma'lumotni saqlab qo'yish
• Keyinroq qayta ishlatish
• Qiymatini o'zgartirish mumkin bo'ladi.

Real-Life Analogy

📦 Variable — bu yorliqlangan quti.
Qutiga "yosh" deb yorliq yopishtirasiz va ichiga 25 qiymatini solasiz. Keyinchalik "yosh" qutisini ochsangiz, u yerda 25 turadi.

Example

script.js
JavaScriptNusxalash
01let age = 25;
02console.log(age);

Explanation

Bu yerda age nomli variable yaratildi va unga 25 qiymati berildi. console.log orqali uning qiymati konsolga chiqarildi.

How It Works

• let kalit so'zi bilan variable e'lon qilinadi.
• age — variable nomi.
• = belgisi qiymat berish uchun ishlatiladi.
• 25 — variable ichiga saqlangan qiymat.

Technical Explanation

JavaScript'da variable e'lon qilinganda, engine xotiradan joy ajratadi va shu joyga nom (identifier) bog'lanadi. Bu nom orqali xotiradagi qiymatga murojaat qilish mumkin bo'ladi.

Common Mistakes

❌ Yomon:

script.js
JavaScriptNusxalash
01let 1age = 25;

✅ To'g'ri:

script.js
JavaScriptNusxalash
01let age1 = 25;

⚠️ Qoida: Variable nomi raqam bilan boshlanishi mumkin emas.

1.2 var, let va const farqi

Simple Explanation

JavaScript'da variable yaratishning 3 xil usuli bor: var, let va const. Ularning har biri boshqacha qoidalarga ega.

Taqqoslash Jadvali

Example

script.js
JavaScriptNusxalash
01var a = 1;
02let b = 2;
03const c = 3;
04 
05a = 10;   // ishlaydi
06b = 20;   // ishlaydi
07c = 30;   // xatolik beradi (TypeError)

Explanation

var va let bilan yaratilgan variable'larning qiymatini o'zgartirish mumkin, lekin const bilan yaratilgan variable qayta assign qilinmaydi.

💡 Asosiy qoida: Agar qiymat o'zgarmasligi kerak bo'lsa — const ishlating. Agar qiymat keyinchalik o'zgarishi mumkin bo'lsa — let ishlating. var'dan hozirgi zamonaviy kodda foydalanilmaydi.

1.3 Scope tushunchasi

Simple Explanation

Scope — variable qayerda "ko'rinishi" va ishlatilishi mumkinligini belgilaydi.

Real-Life Analogy

🏠 Scope — bu xonalar tizimi.
Bir xonada qoldirgan narsangizni faqat o'sha xonada yoki umumiy koridorda topa olasiz, boshqa yopiq xonada emas.

Example

script.js
JavaScriptNusxalash
01function greet() {
02    let message = "Salom";
03    console.log(message);
04}
05 
06greet();
07console.log(message); // Xatolik: message aniqlanmagan

Explanation

message variable faqat greet funksiyasi ichida mavjud. Funksiya tashqarisidan unga murojaat qilib bo'lmaydi.

⚠️ Common Mistake: Funksiya ichida yaratilgan variable'ni tashqarida ishlatishga urinish — eng ko'p uchraydigan xatolardan biri.

🎯 Practice Exercises

🔮 Predict the Output

script.js
JavaScriptNusxalash
01console.log(x);
02var x = 5;

🧠 O'ylab ko'ring: Javobni ko'rishdan oldin kamida 30 soniya o'ylang.
Sababi: Bu holat var hoisting bilan bog'liq — var bilan e'lon qilingan variable e'loni yuqoriga "ko'tariladi", lekin qiymati ko'tarilmaydi.

---

🐛 Debugging Challenge

Quyidagi kodda xatolik bor:

script.js
JavaScriptNusxalash
01function showMessage() {
02    console.log(message);
03    let message = "Salom";
04}
05showMessage();

To'g'ri yechim:

script.js
JavaScriptNusxalash
01function showMessage() {
02    let message = "Salom";
03    console.log(message);
04}
05showMessage();

📌 Chapter Summary

• Variable — ma'lumot saqlash uchun nomlangan joy.
• let — qiymatini o'zgartirish mumkin.
• const — qayta assign qilinmaydi (o'zgarmas).
• var — zamonaviy kodda deyarli ishlatilmaydi.
• Scope — variable qayerda ko'rinishini belgilaydi.

🎯 Key Takeaways

1. Har doim constni birinchi tanlov qiling, kerak bo'lsagina let ishlating.
2. vardan qochish tavsiya etiladi.
3. Variable nomi raqam bilan boshlanmaydi.
4. Function ichidagi variable tashqarida ko'rinmaydi (function scope).
5. let va const block scope'ga ega, var esa yo'q.

⚡ Quick Cheat Sheet

script.js
JavaScriptNusxalash
01let age = 25;           // o'zgaruvchan qiymat
02const name = "Ali";     // o'zgarmas qiymat
03var oldWay = true;      // eski usul, tavsiya etilmaydi

📝 Yakuniy Umumlashtiruvchi Test