YÜKLENİYOR...

JavaScript ile Değişken Tanımlama: var, let, const Farkları

JavaScript ile Değişken Tanımlama: var, let, const Farkları
JavaScript, modern web geliştirmede vazgeçilmez bir dil haline geldi. Değişken tanımlama, yazılım geliştirmenin temel taşlarından biridir. JavaScript'te var, let ve const anahtar kelimeleri ile değişken tanımlayabiliyoruz. Ancak bunların kullanım alanları

JavaScript, modern web geliştirmede vazgeçilmez bir dil haline geldi. Değişken tanımlama, yazılım geliştirmenin temel taşlarından biridir. JavaScript'te var, let ve const anahtar kelimeleri ile değişken tanımlayabiliyoruz. Ancak bunların kullanım alanları ve davranışları farklıdır. Bu farkları bilmek, doğru ve güvenli kod yazmanın anahtarıdır.

Teknik Açıklama

JavaScript'te değişkenler var, let ve const anahtar kelimeleri ile tanımlanır. Ancak bunlar arasında kapsam (scope), yeniden atama (reassignment) ve hoisting (yukarı kaldırma) gibi konularda önemli farklılıklar bulunur.

var

  • Fonksiyon kapsamlıdır (function-scoped).

  • Yeniden tanımlanabilir ve değeri değiştirilebilir.

  • Hoisting yapılır (değişken tanımı satır başına çekilir).

let

  • Blok kapsamlıdır (block-scoped).

  • Sadece aynı blok içinde bir kez tanımlanabilir.

  • Değeri değiştirilebilir.

  • Hoisting yapılır ama başlangıçta undefined olur.

const

  • Blok kapsamlıdır.

  • Tanımlandığı anda değer atanmalıdır.

  • Değeri değiştirilemez (ancak nesnelerin veya dizilerin içeriği değiştirilebilir).

  • Hoisting yapılır ama başlangıçta undefined olur.

Küçük Bir Kod Örneği

// var örneği
function varOrnegi() {
    var mesaj = "Merhaba";
    if (true) {
        var mesaj = "Dünya"; // Aynı isimli değişken yeniden tanımlanabilir.
        console.log(mesaj); // Dünya
    }
    console.log(mesaj); // Dünya
}

// let örneği
function letOrnegi() {
    let mesaj = "Merhaba";
    if (true) {
        let mesaj = "Dünya"; // Blok içinde farklı bir değişken gibi davranır.
        console.log(mesaj); // Dünya
    }
    console.log(mesaj); // Merhaba
}

// const örneği
function constOrnegi() {
    const mesaj = "Merhaba";
    // mesaj = "Dünya"; // Hata verir, const ile tanımlanan değişken değiştirilemez.
    console.log(mesaj);
}

varOrnegi();
letOrnegi();
constOrnegi();

Bu örneklerde var, let ve const kullanımlarının nasıl farklı sonuçlar ürettiğini görebilirsiniz.

 

Modern JavaScript projelerinde var kullanımı mümkün olduğunca terk edilmiştir. Blok bazlı kapsam yönetimi sağladığı ve daha güvenli olduğu için genellikle let ve const tercih edilir.

  • Eğer değişkenin değeri değişmeyecekse const,

  • Değişmesi gerekiyorsa let kullanılması önerilir.

Bu alışkanlıklar, hem kodun okunabilirliğini hem de hata ayıklamasını kolaylaştırır.