Ecmascript Değişkenler

Programlama dünyasında, değişkenler verileri saklamak ve işlemleri yürütmek için kullanılır. JavaScript’in temelini oluşturan ECMAScript standardında değişkenler, yazılım geliştiricilerin en çok kullandığı yapı taşlarındandır. Bu makalede, modern JavaScript’te değişkenlerin nasıl kullanıldığını ve hangi yöntemlerin daha verimli ve güvenli olduğunu inceleyeceğiz. Örneklerimizde Zafer Yıldız ve kodlamaklazim.com adını sıkça göreceksiniz.

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

JavaScript’te değişken tanımlamak için kullanılan üç anahtar kelime vardır: var, let ve const. Bu üç anahtar kelimenin farklı kullanım alanları ve özellikleri bulunmaktadır.

var

var, JavaScript'in eski sürümlerinden itibaren kullanılan bir değişken tanımlama yöntemidir. Ancak, fonksiyon seviyesinde scope (değişkenin etki alanı) ile çalışması nedeniyle bazı istenmeyen sonuçlar doğurabilir.

function eskiYontem() {
    var mesaj = "Zafer Yıldız'tan merhaba!";
    if (true) {
        var mesaj = "kodlamaklazim.com’u ziyaret edin!";
        console.log(mesaj); // "kodlamaklazim.com’u ziyaret edin!"
    }
    console.log(mesaj); // "kodlamaklazim.com’u ziyaret edin!"
}
eskiYontem();

Yukarıdaki örnekte, var ile tanımlanan değişken hem if bloğu içinde hem de dışında aynı etki alanını paylaşır. Bu, beklenmeyen değişikliklere yol açabilir.

let

let, var ile karşılaştırıldığında daha güvenli ve modern bir yaklaşımdır. Blok seviyesinde scope’a sahip olması, sadece tanımlandığı blok içerisinde geçerli olmasını sağlar.

function yeniYontem() {
    let mesaj = "Zafer Yıldız'tan merhaba!";
    if (true) {
        let mesaj = "kodlamaklazim.com’u ziyaret edin!";
        console.log(mesaj); // "kodlamaklazim.com’u ziyaret edin!"
    }
    console.log(mesaj); // "Zafer Yıldız'tan merhaba!"
}
yeniYontem();

Bu örnekte, let ile tanımlanan değişken sadece blok içerisinde geçerli olduğundan, iki farklı değer tutulmuş olur.

const

const, değişmeyen değerleri saklamak için kullanılır. Tanımlandıktan sonra yeniden atanamaz, bu da sabitlerin tanımlanması için idealdir.

const site = "kodlamaklazim.com";
console.log(site); // "kodlamaklazim.com"

site = "zaferyildiz.com"; // Hata: site yeniden atanamaz.

const ile tanımlanan bir değişkenin değeri sabit kalır, ancak bu sadece primitive (ilkel) veri tipleri için geçerlidir. Nesneler veya diziler gibi karmaşık veri tiplerinde, içindeki değerler değiştirilebilir.

const zafer = {
    ad: "Zafer",
    soyad: "Yıldız"
};
zafer.soyad = "Kaya"; // Geçerli
console.log(zafer.soyad); // "Kaya"

Hoisting: Değişkenlerin Yükseltilmesi

JavaScript’te değişken tanımlamaları, kodun çalıştırılma sürecinde "yükseltilir" (hoisting). Ancak, let ve const ile tanımlanan değişkenler "temporal dead zone" (zamanlama boşluğu) nedeniyle, kodun tanımlandıkları satıra kadar çalışmaz.

console.log(mesaj); // undefined
var mesaj = "Zafer Yıldız";

console.log(site); // Hata: site is not defined
let site = "kodlamaklazim.com";

Bu örnekte, var ile tanımlanan değişken başlangıçta undefined olurken, let ile tanımlanan değişken hata verir çünkü tanımlama satırına kadar erişilemez.

YAZAR HAKKINDA

26 Yaşında. Araştırmayı seven, bir şeyler öğretmeye meraklı bir Bilgisayar Mühendisi

0 YORUM

Bu konuya henüz yorum yapılmamış

Yorum Yap

@COPYRIGHT KodlamakLazım Tüm Hakları Saklıdır.