JavaScript'te Değişken Deklarasyonu: let ve const Açıklandı

Bu derste, JavaScript’te değişkenlerin deklare edilmesi ile ilgili çeşitli yöntemlere, özellikle ES6 standardının let ve const anahtar kelimelerine, var ile karşılaştırmalı olarak değineceğiz. ES5’e kadar değişken yaratmanın tek yolu olan var, birçok geliştirici için beklenmedik davranışlara yol açarak hatalara neden olmuştur. Bu ders, modern yöntemleri anlamana yardımcı olacak ve değişkenleri etkili bir şekilde deklare etmeni ve kullanmanı sağlayacaktır.

En önemli çıkarımlar

Yeni değişken deklare yöntemleri olan let ve const, değişken kullanımında kapsam, görünürlük ve güvenlik açısından avantajlar sunmaktadır. let, bir blok kapsamı içinde bir değişkenin kullanılmasına izin verirken, const değiştirilemez bir atama oluşturur.

Adım Adım Kılavuz

Değişkenlerin Deklarasyonu

JavaScript’te değişkenlerle etkili bir şekilde çalışmak için, öncelikle var, let ve const kullanarak değişkenlerin deklare edilmesini inceleyeceğiz. HTML belgenizde yer alan main.js dosyasıyla başlayalım.

Burada bir değişkeni deklare etmek için var anahtar kelimesini kullanacağız. W adında bir değişken oluşturalım ve başlangıç değeri atayalım.

var'ın Davranışı

var'ın tipik bir davranışı, değişkeni kodda daha sonra başlatmış olsanız bile görünür olmasını sağlamasıdır. Bunu test edelim:

B değişkeni bir varsayılan değer olmadan tanımlamayı deneyeceğim. Sonra C’yi 0’a ayarladığımda, çıktı undefined olmalı, çünkü değer yalnızca atama satırından sonra ayarlanır.

let'in Tanıtımı

Şimdi let’e bakalım. Farkı göstermek için varı let ile değiştir ve C değişkenini let C = 0 ile başlat.

Eğer atama yapılmadan önce C’yi kullanmayı denersem, başlatılmamış bir değişkene erişim yaptığım için bir hata alırım. Bu davranış, tanımlanmamış bir değişkene erişmeye çalıştığınızda her zaman bir hata almanızı sağlar.

let ile Blok Kapsamı

let'in bir diğer avantajı, bir değişkeni bir blok kapsamı içinde deklare edebilme olanağıdır. Bunun için bir if ifadesi kullanalım:

Eğer if bloğu içinde let C = -1 oluşturursam, bu değişken yalnızca bu blok kapsamı içinde görünür olacaktır. Eğer C’yi blok dışarısında kullanmayı denersem, bir hata alırım.

const Kullanımı

Sonraki adım const kullanımına geçmektir. Eğer let yerine const kullanırsam, değiştirilemeyen bir değişken oluşturmuş olurum.

Eğer atamadan sonra C’ye const C = 0 şeklinde yeni bir değer vermeye çalışırsam, bir hata mesajı alırım çünkü bir değişkene yeni bir değer verilemez.

const ile Değişmez Nesneler

const kullanarak bir nesne deklare ettiğimizde, nesnenin kendisi değiştirilebilir, ancak referansı değiştirilemez. Nesneye elemanlar ekleyebilirim, herhangi bir sorun yaşamadan.

let ve const Kullanımında En İyi Uygulamalar

Kendi deneyimlerime dayanarak, eğer değişkenin değeri daha sonra değiştirilmeyecekse varsayılan olarak const kullanmanızı öneririm. Bu uygulama, daha okunabilir ve sürdürülebilir bir kod yazmanıza yardımcı olacaktır.

Blok kapsamı içinde bir değeri değiştirmek gerektiğinde let kullanın. Bir örnek, bir döngüde sayım değişkeni olabilir.

Özet – JavaScript'te Değişken Deklarasyonu: let ve const'ın var'a Karşısı

Özetle, var, let ve const arasındaki farkları inceledik. let ve const, kapsama ve değişkenlerin güvenliğine dair önemli iyileştirmeler sunmaktadır. var global veya fonksiyonel iken, let ve const, bir blok kapsamı içinde görünürlük garantisi sağlar. Ayrıca, const, atamanın değişmezliğini sağlayarak kodda hataları ve beklenmeyen davranışları azaltır.