JavaScript değişkenleri
Yorumları gördünüz: insan için not, program için depo değil. Sıra değişkenlerde — aynı sayıyı veya metni yeniden yazmamak için değer tutan isimli kutular.
JavaScript’te değişken nedir ve nasıl bildirilir?
Değişken, bir değeri tutan isimdir. let veya const ile ismi oluşturur (bildirir), sonra = ile değer koyarsınız. Bundan sonra değerin kendisini tekrarlamak yerine o ismi çağırırsınız. Sonra değişebilecekse let; ilk atamadan sonra aynı kalmalıysa const. Eski örneklerde bazen var görürsünüz; bu kursta yeni başlayan için let ve const yeterlidir ve tercih edilir.
Hangi anahtar sözcük?
📊 Yeni başlayan için let, const veya var
| Anahtar | Örnek | Yeni başlayan ipucu |
|---|---|---|
let |
let score = 10; |
İsim oluşturun; sonra yeni değer verebilirsiniz |
const |
const city = "Oslo"; |
İsim oluşturun; ilk değerden sonra yeniden atamayın |
var |
var old = 1; |
Eski stil; çalışır ama burada let / const kullanın |
İşaret = |
score = 15; |
Daha önce let ile bildirilmiş isme değer koyar |
| İsmi okumak | console.log(score); |
Saklanan değeri getirir — isim verinin yerini tutar |
let ile oluşturup değeri görün
let ismi oluşturur. İlk = değeri içine koyar. console.log konsolda gösterir.
let greeting = "Hello";
console.log(greeting);
const ile oluşturun
const de değer tutar; bu isim için ilk atamayı nihai sayın.
const course = "JavaScript";
console.log(course);
let değerini değiştirin
let ile yeniden = yazabilirsiniz. İsim aynı kalır; kutunun içi değişir.
let score = 10;
score = 15;
console.log(score);
Konsol 15 gösterir — sonraki atama 10’un yerini aldı.
Önce isim, sonra değer
Bazen yalnızca let status; yazıp sonraki satırda atarsınız. İçinde bir şey yokken, sanki önceden işe yarar bir değer varmış gibi kullanmayın.
let status;
status = "Ready";
console.log(status);
Bir ifadede iki isim
İsimler bir ifadenin içinde de durabilir. Motor her saklanan değeri okur ve sonucu hesaplar.
let a = 2;
let b = 3;
console.log(a + b);
Değişken değerini sayfada gösterin
Metni değişkende tutun, sonra o ismi textContent’e verin. Yalnızca değişkendeki string’i değiştirip yenileyin; başlık güncellenir.
<!DOCTYPE html>
<html>
<head>
<title>Variables — Page value</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
let message = "Variables hold values";
document.getElementById("msg").textContent = message;
</script>
</body>
</html>
Başlık, message içinde ne varsa onu gösterir. Değişken yeniden kullanılabilir kutudur; DOM satırı yalnızca çıktıyı sayfaya koyar — daha önce pratik ettiğiniz beceri.
Kendiniz deneyin
- Adınızı string olarak tutan bir
letoluşturun, loglayın, başka string atayıp tekrar loglayın. - Şehir adı için
constoluşturup loglayın. Yeniden atamayın; denerseniz hata görürsünüz — o satırı silin. let total;yazın, sonratotal = 5;verin vetotalloglayın.- İki sayı ile
letyapıp+ile toplamını loglayın. - HTML demoda yalnızca
messagestring’ini değiştirin, yenileyin ve başlığı kontrol edin.
Sık hatalar
- Bildirmeden (veya işe yarar değer koymadan) ismi kullanmak
const score = 1;yazıp sonrascore = 2;—constbunu reddeder- Sayıyı yalnızca yorumda yazıp programın «hatırlamasını» beklemek — yorum depo değildir
- Her örneğin
varkullanması gerektiğini sanmak — bu kursletveconsttercih eder - Geçersiz veya kafa karıştırıcı isimler (boşluk, rakamla başlama) — Sözdizimi dersinde tanımlayıcı kuralları
Özet
- Değişken, yeniden kullanılabilir değer için isimli bir kutudur
letveyaconstile bildirin,=ile atayınletile yeniden atayın; ilk değerden sonraconst’u sabit tutun- Yeni başlayan kodunda eski
varyerineletveconst - Sonraki: veri türleri — değişken hangi tür değerler tutabilir
🧠 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