Atama
Aritmetik size yeni bir sayı üreten semboller verdi. Burada sonucu adlı bir kutuya koyup sonra o kutuyu güncellersiniz. Atama, değişkenlerin nasıl doldurulduğudur — = ile ve «eski değeri al, değiştir, tekrar koy» diyen += gibi kısayollarla.
Atama nedir?
Atama, bir değeri değişkene koyar. Solda ad vardır. Sağda değer (veya değeri üreten ifade). let points = 10; sonrasında points adı 10 tutar. Sonraki satırlar bu adı okuyabilir veya yeni değer yazabilir.
Operatörlere hızlı bakış
📊 Günlük atama operatörleri
| Operatör | Anlamı | Eşdeğeri |
|---|---|---|
= |
sakla | (ilk saklama veya tam değiştirme) |
+= |
ekle ve sakla | x = x + … |
-= |
çıkar ve sakla | x = x - … |
*= |
çarp ve sakla | x = x * … |
/= |
böl ve sakla | x = x / … |
%= |
kalan al ve sakla | x = x % … |
Bu tabloyu yanınızda tutun. Her kısayol hâlâ atamadır — hesabı tek deyimde toplar. Yeni başlayan += ifadesini zihninde x = x + … olarak açabilmelidir.
let points = 10;
console.log(points);
let label = "ready";
console.log(label);
let total = 4 + 6;
console.log(total);
let ile yeniden atama
let ile sonraki atama saklanan değeri değiştirir. Sayaçlar, skorlar ve değişen form alanları için bu normaldir.
let score = 0;
console.log(score);
score = 10;
console.log(score);
score = score + 5;
console.log(score);
Konsol önce 0, sonra 10, sonra 15 gösterir. Her = score içine yeni değer yazar. Ad ilk saklamadan sonra değişmemeliyse const tercih edin — const aynı ada ikinci atamayı reddeder.
Bileşik atama (kısayollar)
Kısayollar bir satırda hem günceller hem saklar. Solda aynı ad kalır.
let n = 8;
n += 2;
console.log(n);
n -= 3;
console.log(n);
n *= 2;
console.log(n);
n /= 4;
console.log(n);
n %= 3;
console.log(n);
8 ile başlayın. += 2 sonrası 10. -= 3 sonrası → 7. *= 2 sonrası → 14. /= 4 sonrası → 3.5. %= 3 sonrası → 0.5. Desen oturana kadar kısayolları tek tek izleyin.
Metinle +=
Saklanan değer dizeyse += metin ekler. Mesajı adım adım kurmak için işe yarar.
let msg = "Hi";
msg += " ";
msg += "Sam";
console.log(msg);
let line = "score=";
line += 12;
console.log(line);
msg "Hi Sam" olur. line "score=12" olur çünkü sayıya dize eklemek sonucu metne çevirir. Aritmetikteki + tuzağıyla aynı fikir — sayı mı mesaj mı istediğinizi bilin.
= saklar; === karşılaştırır
Bir eşittir saklar. Üçü «değer ve tür aynı mı?» diye sorar. Karıştırmak klasik hatadır: if (x = 5) karşılaştırmak yerine 5 saklar.
let x = 5;
console.log(x);
console.log(x === 5);
console.log(x === "5");
x = 9;
console.log(x === 9);
let x = 5 sonrası x günlüğü 5tir. x === 5 → true. x === "5" → false (sayıya karşı dize). Sonra x = 9 yeni değer saklar; o zaman x === 9 → true. Derin karşılaştırma dersi sırada — burada yalnızca sakla / sor farkı yeter.
Sayfada sayaç güncelleyin
Başlangıç sayısını saklayın, += ile artırın, sonucu sayfaya yazın.
<!DOCTYPE html>
<html>
<head>
<title>Assignment — page counter</title>
</head>
<body>
<p id="out">…</p>
<script>
let clicks = 0;
clicks += 1;
clicks += 2;
let box = document.getElementById("out");
box.textContent = "clicks=" + clicks;
</script>
</body>
</html>
0dan başlayın, 1 ekleyin, sonra 2 → sayfa clicks=3 gösterir. Kısayolları değiştirin, yenileyin, metni doğrulayın. Gerçek düğmeler aynı fikri sonra çağırabilir; bu demo yalnızca saklama ve güncellemeyi gösterir.
Kendiniz deneyin
let a = 3saklayın,ayazdırın, sonraa = 7atayıp yeniden yazdırın.let n = 10ile başlayın,n += 4çalıştırın,nyazdırın.- O
nüzerinden *= 2çalıştırıp yazdırın. let s = "Go"kurun, sonras += "!"yazdırın.- Yan yana
7 === 7ve7 === "7"yazdırın. - HTML demoda yalnızca ikinci kısayolu (
+= 2) değiştirin, yenileyin, yeni clicks değerini okuyun.
Yaygın hatalar
- Koşulda
===isterken=yazmak - İlk saklamadan sonra
constadına yeniden atama denemek - Soldaki değişken adını unutmak (yalnız
+= 5geçerli değil) +=yalnızca sayılar içindir sanmak — dizeler de eklenir- Atamayı (saklama) salt aritmetikle (hedefsiz yeni değer) karıştırmak
Özet
=değeri değişkene koyarletsonraki saklamaya izin verir;constilk saklamayı sabit tutar+=-=*=/=%=tek adımda günceller ve saklar+=metin ekleyebilir veya sayı toplayabilir=saklar;===karşılaştırır — yer değiştirmeyin- Sonraki: karşılaştırma —
===,!==,<,>ve arkadaşlarıyla soru sormak
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek