Javascript. Lets Nasıl Yapılır?

Modern web geliştirme dünyasında, JavaScript programlama dilinin esnekliği ve gücü tartışılmaz bir gerçektir. Değişken tanımlama süreçleri, yazılan kodun güvenliği, okunabilirliği ve performansı üzerinde doğrudan bir etkiye sahiptir. Bu kapsamlı rehberimizde, modern JavaScript standartlarında değişken tanımlamanın en temel taşlarından biri olan let anahtar kelimesini derinlemesine ele alacağız. Google üzerinde sıkça aratılan Javascript. Lets Nasıl Yapılır? sorusuna en güncel ve teknik yanıtı sunarak, projelerinizde hatasız kod yazmanızı sağlayacağız.

Bu makale, JavaScript dünyasına yeni adım atmış geliştiricilerden, eski var alışkanlıklarını geride bırakarak modern ECMAScript standartlarına (ES6 ve sonrası) geçiş yapmak isteyen deneyimli yazılımcılara kadar geniş bir kitleye hitap etmektedir. Rehber boyunca, değişkenlerin bellek yönetiminden kapsam (scope) sınırlarına kadar her detayı adım adım inceleyeceğiz. Yazının sonuna ulaştığınızda, JavaScript projelerinizde değişkenleri ne zaman, nerede ve nasıl tanımlamanız gerektiğini tam anlamıyla kavramış olacaksınız.

Yazılım geliştirme sürecinde doğru değişken tanımlama yöntemini seçmek, çalışma zamanı (runtime) hatalarını en aza indirir. JavaScript motorlarının (V8, SpiderMonkey vb.) kodu nasıl yorumladığını anlamak, sizi daha iyi bir mühendis yapacaktır. Şimdi, modern geliştirme ortamımızı hazırlayarak bu teknik yolculuğa başlayalım.

Gereksinimler ve Ön Hazırlık

JavaScript kodlarını yazmak, test etmek ve çalıştırmak için karmaşık kurulumlara ihtiyacınız yoktur. Ancak profesyonel bir geliştirme deneyimi için aşağıdaki araçların bilgisayarınızda kurulu olması önerilir:

• Kod Editörü: Modern sözdizimi vurgulama ve hata denetimi özellikleri için Visual Studio Code (VS Code) kullanılması tavsiye edilir.
• Çalışma Ortamı: Yazdığınız JavaScript kodlarını tarayıcı bağımsız olarak çalıştırmak için bilgisayarınızda Node.js (v18 veya üzeri sürüm) kurulu olmalıdır.
• Tarayıcı Geliştirici Araçları: Google Chrome, Mozilla Firefox veya Microsoft Edge tarayıcılarının "Geliştirici Konsolu" (F12 tuşu), hızlı denemeler yapmak için mükemmel bir alandır.

Eğer herhangi bir kurulum yapmak istemiyorsanız, tarayıcınızın boş bir sekmesinde sağ tıklayıp "İncele" (Inspect) diyerek "Konsol" (Console) sekmesini açabilir ve aşağıdaki adımları doğrudan orada uygulayabilirsiniz.

1. Javascript let Nedir ve Neden Kullanılır?

JavaScript dilinin ilk sürümlerinde tüm değişkenler var anahtar kelimesi ile tanımlanıyordu. Ancak var, fonksiyon kapsamı (function scope) özelliğine sahipti ve blok kapsamı (block scope) desteği sunmuyordu. Bu durum, özellikle büyük projelerde değişkenlerin istenmeden üst üste yazılmasına ve tespit edilmesi son derece zor olan mantıksal hatalara yol açıyordu.

2015 yılında yayınlanan ECMAScript 6 (ES6) standartları ile birlikte hayatımıza giren let anahtar kelimesi, bu sorunları kökten çözmüştür. let, değişkenlerin sadece tanımlandıkları süslü parantezler ({}) arasında geçerli olmasını sağlar. Bu duruma "Blok Kapsamı" denir. Günümüz modern JavaScript dünyasında, değeri daha sonra değiştirilecek olan tüm değişkenler için let kullanılması endüstri standardı haline gelmiştir.

Kritik Güvenlik Uyarısı: Üretim (production) ortamına alınacak kodlarda asla var kullanmayınız. var kullanımı, global nesne (window) üzerinde istenmeyen kirlenmelere yol açarak güvenlik açıklarına ve beklenmedik veri sızıntılarına neden olabilir.

2. Javascript let ile Değişken Tanımlama Nasıl Yapılır? (Temel Örnek Kod)

JavaScript'te let ile değişken tanımlamak oldukça basittir. Sözdizimi (syntax) kurallarına göre, önce let anahtar kelimesi yazılır, ardından değişkene benzersiz bir isim verilir ve isteğe bağlı olarak atama operatörü (=) ile bir başlangıç değeri atanır.

Aşağıdaki örnek kod bloğunda, let kullanarak bir kullanıcı adı tanımlıyoruz ve ardından bu değişkenin değerini güncelliyoruz. Bu işlem, değişkenin yeniden atanabilir (re-assignable) olduğunu göstermektedir.

// Değişkenin ilk tanımının yapılması
let kullaniciAdi = "Ahmet Yılmaz";
console.log("İlk Kullanıcı Adı:", kullaniciAdi);

// Değişken değerinin güncellenmesi (re-assignment)
kullaniciAdi = "Mehmet Demir";
console.log("Güncellenmiş Kullanıcı Adı:", kullaniciAdi);

Yukarıdaki kod bloğunda, ilk olarak kullaniciAdi adında bir bellek alanı oluşturduk ve içerisine "Ahmet Yılmaz" metnini (string) yazdık. İkinci adımda ise, let kelimesini tekrar kullanmadan, sadece değişken adını yazarak değerini "Mehmet Demir" olarak güncelledik. Konsol çıktısında sırasıyla her iki değeri de sorunsuz bir şekilde görebilirsiniz.

3. Blok Kapsamı (Block Scope) Mantığı ve let Kullanımı

Blok kapsamı, bir değişkenin sadece tanımlandığı süslü parantez ({}) blokları içerisinde erişilebilir olması anlamına gelir. Bu bloklar bir if koşulu, bir for döngüsü veya bağımsız bir kod bloğu olabilir. let ile tanımlanan değişkenler, bu blokların dışına sızamazlar.

Aşağıdaki örnek kod üzerinde, blok kapsamının nasıl çalıştığını ve blok dışından bir değişkene erişmeye çalıştığımızda JavaScript motorunun nasıl bir hata fırlattığını adım adım inceleyelim.

// Global veya dış kapsamda bir değişken tanımlanıyor
let sistemRolu = "Ziyaretçi";

if (true) {
    // Sadece bu if bloğu içinde geçerli olacak bir değişken tanımlanıyor
    let geciciToken = "XYZ123987";
    console.log("Blok İçi - Rol:", sistemRolu); // Dışarıdaki değişkene erişebilir
    console.log("Blok İçi - Token:", geciciToken); // Kendi bloğundaki değişkene erişebilir
}

// Blok dışından içindeki değişkene erişim denemesi
try {
    console.log("Blok Dışı - Token:", geciciToken);
} catch (hata) {
    console.error("Hata Yakalandı:", hata.message);
}

Bu kod örneğinde, geciciToken değişkeni sadece if bloğunun süslü parantezleri arasında yaşar. Blok dışına çıkıldığında, JavaScript motoru bu değişkeni bellekten temizler (garbage collection). Bu yüzden blok dışından erişmeye çalıştığımızda tarayıcı bize ReferenceError: geciciToken is not defined hatası döndürür. Bu durum, değişkenlerin birbirine karışmasını önleyen harika bir güvenlik mekanizmasıdır.

4. Hoisting ve Temporal Dead Zone (Geçici Ölü Bölge) İlişkisi

JavaScript'te değişkenlerin ve fonksiyonların kod çalıştırılmadan önce belleğe alınması sürecine "Hoisting" (Yukarı Taşıma) denir. var ile tanımlanan değişkenler yukarı taşınır ve henüz tanımlanmadan önce çağrıldıklarında undefined değerini alırlar. Ancak let ile durum tamamen farklıdır.

let ile tanımlanan değişkenler de teknik olarak yukarı taşınır (hoist edilir), ancak onlara bir değer atanana kadar "Temporal Dead Zone" (TDZ - Geçici Ölü Bölge) adı verilen erişilemez bir bölgede tutulurlar. Değişken tanımlanmadan önce ona erişmeye çalışmak doğrudan hata fırlatılmasına neden olur.

Aşağıdaki örnek kod, Temporal Dead Zone kavramını ve bu durumun kod güvenliğine katkısını uygulamalı olarak göstermektedir.

// TDZ Başlangıcı
try {
    // Tanımlanmadan önce let değişkenine erişim denemesi
    console.log(aktifKullanici); 
} catch (hata) {
    console.warn("TDZ Hatası:", hata.message);
}

// TDZ Sonu: Değişken burada tanımlanıyor
let aktifKullanici = "Selin Kaya";
console.log("TDZ Sonrası Güvenli Erişim:", aktifKullanici);

Yukarıdaki kod çalıştırıldığında, aktifKullanici değişkeni tanımlanmadan önce çağrıldığı için JavaScript motoru ReferenceError: Cannot access 'aktifKullanici' before initialization hatasını fırlatır. Bu, geliştiricinin değişkenleri sırasıyla ve düzenli bir şekilde tanımlamasını zorunlu kılarak çalışma zamanı hatalarını engeller.

5. Döngüler İçerisinde let Kullanarak Bellek Yönetimi Nasıl Yapılır?

Özellikle for döngülerinde sayaç değişkeni tanımlarken let kullanımı hayati önem taşır. Eğer döngü sayacını var ile tanımlarsanız, bu değişken döngü bittikten sonra bile bellekte kalmaya ve erişilebilir olmaya devam eder. let ise döngü tamamlandığında bellekten tamamen silinir.

Aşağıdaki örnek kod yardımıyla, döngü içerisinde let kullanımının yarattığı kapsam farkını ve döngü dışındaki etkisini gözlemleyebilirsiniz.

// Döngü içinde let kullanımı
for (let i = 1; i