01 Dəyişənlər nədir?
Dəyişənləri kompüterinizin yaddaşında etiketli qutular kimi təsəvvür edin. Qutunu nişanlayıb içərisindəkiləri xatırladığınız kimi, dəyişənlər də dəyərlərə adlar verərək onları kodunuzda istifadə etməyə imkan verir.
Əsas sintaksis
JavaScript-də dəyişən yaratmaq üçün üç açar sözdən birini istifadə edirsiniz: var, let və ya const, ardınca ad və iistəyə bağlı olaraq ilkin dəyər.
// Sintaksis: açar_söz ad = dəyər;
let greeting = 'Hello';
const age = 25;
var city = 'Baku';İlk dəyişənləriniz
Müxtəlif növ məlumatları saxlayan üç sadə dəyişən:
let userName = 'Alice';
const yearBorn = 1995;
var isStudent = true;
console.log(userName); // Nəticə: Alice
console.log(yearBorn); // Nəticə: 1995
console.log(isStudent); // Nəticə: true02 Dəyişən elan etməyin üç yolu
JavaScript dəyişən yaratmaq üçün üç açar söz təqdim edir. Hər birinin öz məqsədi və qaydaları var.
var - köhnə üsul
var JavaScript-də dəyişən elan etməyin orijinal üsulu idi. Hələ də işləsə də, səhvlərə səbəb ola biləcək bəzi xüsusiyyətləri var.
var-ın xüsusiyyətləri:
- ✅ Yenidən təyin edilə bilər
- ✅ Yenidən elan edilə bilər
- 📦 Funksiya əhatəli (Function-scoped) (qabaqcıl dərslərdə ətraflı izah veriləcək)
var name = 'John';
var name = 'Jane'; // OK: Yenidən elan edilə bilər
name = 'Bob'; // OK: Yenidən təyin edilə bilər
console.log(name); // Nəticə: Boblet - dəyişən dəyərlər üçün
let dəyişdirməyi planlaşdırdığınız dəyişənləri elan etməyin müasir üsuludur.
let-in xüsusiyyətləri:
- ✅ Yenidən təyin edilə bilər
- ❌ Eyni əhatədə yenidən elan edilə bilməz
- 📦 Blok əhatəli (Block-scoped) (qabaqcıl dərslərdə ətraflı izah veriləcək)
let score = 0;
score = 10; // OK: Yenidən təyin edilə bilər
score = 20; // OK: Yenə yenidən təyin edilə bilər
// let score = 30; // XƏTA: Yenidən elan edilə bilməz
console.log(score); // Nəticə: 20💡 Dəyişənin dəyərinin proqramınız boyu dəyişəcəyini bildiyiniz zaman let istifadə edin.
const - sabitlər üçün
const heç vaxt dəyişməməli dəyərlər üçün istifadə olunur. const dəyişəninə dəyər təyin etdikdən sonra onu yenidən təyin edə bilməzsiniz.
const-un xüsusiyyətləri:
- ❌ Yenidən təyin edilə bilməz
- ❌ Yenidən elan edilə bilməz
- 📦 Blok əhatəli
- ⚡ Elan edildikdə mütləq başlanğıc dəyəri olmalıdır
const PI = 3.14159;
const TAX_RATE = 0.18;
console.log(PI); // Nəticə: 3.14159
// PI = 3.14; // XƏTA: const yenidən təyin edilə bilməz
// const EMPTY; // XƏTA: Təyin edilməlidir💡 İlkin olaraq const istifadə edin. Yalnız dəyişəni yenidən təyin etməli olduğunuzu bildiyiniz zaman let istifadə edin.
03 Dəyişən adlandırma qaydaları
JavaScript dəyişənləri adlandırmaq üçün ciddi qayda və konvensiyalara malikdir. Bunlara əməl etmək təmiz, səhvsiz kod yazmağa kömək edəcək.
Qaydalar (mütləq əməl edilməlidir)
- Hərf, alt xətt (_) və ya dollar işarəsi ($) ilə başlamalıdır
- Hərf, rəqəm, alt xətt və dollar işarələrini ehtiva edə bilər
- Rezerv edilmiş açar sözlərdən (let, const, if, for və s.) istifadə edilə bilməz
- Böyük-kiçik hərfə həssasdır (myVar və myvar fərqlidir)
Ən yaxşı təcrübələr (əməl edilməsi tövsiyə olunur)
camelCase istifadə edin
Kiçik hərflə başlayın, sonra hər yeni sözün ilk hərfini böyük yazın
// userName, firstName, isLoggedIn
let userName = 'Alice';
let firstName = 'John';
let isLoggedIn = true;Təsviri olun
Dəyişənin nə saxladığını aydın şəkildə təsvir edən adlardan istifadə edin
// Yaxşı: userAge, totalPrice, isValid
let userAge = 25;
let totalPrice = 99.99;
let isValid = true;
// Pis: x, data, temp
let x = 25;
let data = 99.99;
let temp = true;Tək hərflərdən çəkinin
Döngü sayğacları (i, j, k) və ya riyazi koordinatlar (x, y, z) istisna olmaqla
Düzgün və səhv adlar
✅ Düzgün Adlar
let userName
let _private
let $element
let user123
let firstName
let isActive❌ Səhv Adlar (xətalara səbəb olacaq)
let 123user
let user-name
let user name
let let
let const
let for04 Təyinat və yenidən təyinat
Dəyişəni elan etdikdən sonra ona dəyər təyin edə və yenidən təyin edə bilərsiniz (let və ya const istifadə etdiyinizdən asılı olaraq).
İlkin təyinat
Dəyişəni elan edərkən dəyər təyin edə və ya sonradan kodunuzda təyin edə bilərsiniz.
// Eyni vaxtda elan et və təyin et
let name = 'Alice';
const age = 25;
// Əvvəlcə elan et, sonra təyin et
let city;
city = 'Baku';
console.log(name); // Nəticə: Alice
console.log(city); // Nəticə: BakuYenidən təyinat
let və ya var ilə elan edilmiş dəyişənlərə yeni dəyərlər təyin edilə bilər. const ilə elan edilənlərə isə edilə bilməz.
let score = 0;
score = 10; // ✅ OK: Yenidən təyin edilə bilər
score = score + 5; // ✅ OK
console.log(score); // Nəticə: 15
const MAX_SCORE = 100;
// MAX_SCORE = 200; // ❌ XƏTA: const yenidən təyin edilə bilməzÇoxlu dəyişənləri elan etmək
Vergüllə ayrılmış bir sırada çoxlu dəyişənləri elan edə bilərsiniz.
// Çoxlu dəyişənləri elan et
let x = 10, y = 20, z = 30;
// Və ya ayrı sətirlərdə (daha oxunaqlıdır)
let firstName = 'John';
let lastName = 'Doe';
let age = 30;
console.log(x, y, z); // Nəticə: 10 20 3005 Hər birindən nə vaxt istifadə etmək lazımdır
var, let və const arasında seçim əvvəlcə çaşdırıcı ola bilər.
1️⃣ İlkin olaraq const istifadə edin
Bütün dəyişənlər üçün const ilə başlayın. Bu, təsadüfi yenidən təyinatların qarşısını alır və kodunuzu daha proqnozlaşdırıla bilən edir.
Dəyişməyəcək dəyərlər üçün istifadə edin: istifadəçi ID-ləri, konfiqurasiya dəyərləri, funksiya istinadları
const USER_ID = '12345';
const API_KEY = 'abc123';
const userAge = 25;
const taxRate = 0.18;2️⃣ Dəyişən dəyərlər üçün let istifadə edin
Yalnız dəyişəni yenidən təyin etməli olduğunuzu bildiyiniz zaman let-ə keçin.
Sayğaclar, yığıcılar və ya yenilənməli dəyərlər üçün istifadə edin
let counter = 0;
let currentPage = 1;
let total = 0;
// Lazım olduqda yenilə
counter++;
currentPage = 2;
total += 50;3️⃣ var-dan çəkinin
Müasir JavaScript-də var istifadə etmək üçün nadir hallarda yaxşı səbəb ola bilər. let və const-da qalın.
Yalnız artıq var istifadə edən köhnə kodu dəstəkləyirsinizsə istifadə edin
06 Qarşısı alınmalı ümumi səhvlər
❌ Elan etməyi unutmaq
Həmişə let, const və ya var istifadə edin. Bunlarsız qlobal dəyişən yaradırsınız (səhvlərə səbəb ola bilər).
// ❌ Pis Təcrübə
name = 'Alice'; // Qlobal dəyişən yaradır
// ✅ Yaxşı
let name = 'Alice';❌ const-u yenidən təyin etmək
const dəyişəni təyin edildikdən sonra onu dəyişdirə bilməzsiniz.
const PI = 3.14159;
// PI = 3.14; // ❌ Bu xəta verəcək❌ Pis adlandırma
Dəyişənin nə saxladığını izah edən təsviri adlardan istifadə edin.
// ❌ Aydın deyil
let x = 'Alice';
let y = 25;
// ✅ Aydın
let userName = 'Alice';
let userAge = 25;❌ const-u başlatmamaq
const dəyişənlərinə elan edildikləri zaman dəyər verilməlidir.
// const MAX; // ❌ Bu xəta verəcək
// ✅ Yaxşı
const MAX = 100;Xülasə
Təklifiniz var, səhv və ya xəta tapdınız? Zəhmət olmasa bizimlə əlaqə saxlayın.