JavaScript let Nedir?

EcmaScript 2015 ile birlikte JavaScript de iki önemli anahtar kelimeyi kullanmaya başladık. Bunlardan birisi let anahtar kelimesi bir diğeri ise const anahtar kelimesi. Bu yazımda JavaScript let nedir? onu anlatacağım.

JavaScript let Nedir?

EcmaScript 2015’ten önce değişken kullanımında 2 farklı durum söz konusuydu. Bunlar:

Global değişkenler
Sadece tanımlandığı fonksiyon içerisinden erişilebilen değişkenler

Let anahtar kelimesi ile birlikte sadece tanımlandığı blok içerisinde erişilebilen değişkenler tanımlayabiliyoruz. Let anahtar kelimesinin kullanımının tam olarak anlaşılabilmesi için örneklerimizi fazla tutmaya çalışacağım.

Şimdi sırasıyla örneklerimizi incelemeye başlayalım.

Global Değişken Kullanımı

<script> 
var araba = "Audi";
// araba değişkenine buradan erişebiliriz
function myFunction() {
// araba değişkenine bu fonksiyon içerisinden erişebiliriz
}
</script>

var araba = "Audi";

// araba değişkenine buradan erişebiliriz

function myFunction() {

// araba değişkenine bu fonksiyon içerisinden erişebiliriz

}

</script>

Global tanımlanan bir değişkene programın her yerinden erişebiliriz.

Fonksiyon İçerisinde Tanımlanan Değişkenler

<script> 
// araba değişkenine buradan erişemeyiz
function myFunction() {
var araba = "Audi";
// araba değişkenine bu fonksiyon içerisinden erişebiliriz
}
// araba değişkenine buradan erişemeyiz
</script>

// araba değişkenine buradan erişemeyiz

function myFunction() {

var araba = "Audi";

// araba değişkenine bu fonksiyon içerisinden erişebiliriz

}

// araba değişkenine buradan erişemeyiz

</script>

Fonksiyon içerisinde tanımlanan bir değişkene sadece o fonksiyon içerisinden erişebiliriz.

Şimdi var anahtar kelimesi ile let anahtar kelimesi arasındaki farkı inceleyelim.

var Kullanımı

<script> 
{
var araba = "Audi";
}
// araba değişkenine buradan erişebiliriz
</script>

{

var araba = "Audi";

}

// araba değişkenine buradan erişebiliriz

</script>

let Kullanımı

<script> 
{
let araba = "Audi";
}
// araba değişkenine buradan erişemeyiz
</script>

{

let araba = "Audi";

}

// araba değişkenine buradan erişemeyiz

</script>

Var ve let arasındaki farkı başka bir örnek üzerinden daha inceleyelim.

var Kullanımı

<script> 
var sayi = 8;
// Burada sayi değişkeninin değeri 8
{
var sayi = 4;
// Burada sayi değişkeninin değeri 4
}
// Burada sayi değişkeninin değeri 4
</script>

var sayi = 8;

// Burada sayi değişkeninin değeri 8

{

var sayi = 4;

// Burada sayi değişkeninin değeri 4

}

// Burada sayi değişkeninin değeri 4

</script>

let Kullanımı

<script> 
var sayi = 8;
// Burada sayi değişkeninin değeri 8
{
let sayi = 4;
// Burada sayi değişkeninin değeri 4
}
// Burada sayi değişkeninin değeri 8
</script>

var sayi = 8;

// Burada sayi değişkeninin değeri 8

{

let sayi = 4;

// Burada sayi değişkeninin değeri 4

}

// Burada sayi değişkeninin değeri 8

</script>

Döngülerde let Kullanımı

var anahtar kelimesi ile let anahtar kelimesinin döngülerdeki kullanımları ile devam edelim.

var Kullanımı

<script> 
var sayi = 5;
for (var sayi = 0; sayi < 10; sayi++) {
// Çalıştırılacak kodlar
}
// Burada sayi değişkeninin değeri 10
</script>

var sayi = 5;

for (var sayi = 0; sayi < 10; sayi++) {

// Çalıştırılacak kodlar

}

// Burada sayi değişkeninin değeri 10

</script>

let Kullanımı

<script> 
let sayi = 5;
for (let sayi = 0; sayi < 10; sayi++) {
// Çalıştırılacak kodlar
}
// Burada sayi değişkeninin değeri 5
</script>

let sayi = 5;

for (let sayi = 0; sayi < 10; sayi++) {

// Çalıştırılacak kodlar

}

// Burada sayi değişkeninin değeri 5

</script>

let anahtar kelimesi ile döngü içerisinde değişken tanımladığımızda, değişkenin değeri döngü içerisinde korunur. Döngü dışına çıkıldığında ise değişkenin o değeri korunmaz, tekrar global değerini alır.

Karşılaşabileceğiniz Bazı Hatalar

Son olarak bazı küçük kod parçaları ile let anahtar kelimesini kullanırken karşılaşabileceğimiz hataları inceleyelim. Aşağıdaki kodları kendiniz de bilgisayarınızda yazarak, verilen hataları incelerseniz konuyu daha iyi anlayabilirsiniz.

Örnek

<script> 
var sayi = 2;       // İzin verilir
let sayi = 3;       // İzin verilmez
{
var sayi = 4;     // İzin verilir
let sayi = 5      // İzin verilmez
}
</script>

var sayi = 2; // İzin verilir

let sayi = 3; // İzin verilmez

{

var sayi = 4; // İzin verilir

let sayi = 5 // İzin verilmez

}

</script>

Örnek

<script> 
let sayi = 2;       // İzin verilir
let sayi = 3;       // İzin verilmez
{
let sayi = 4;     // İzin verilir
let sayi = 5      // İzin verilmez
}
</script>

let sayi = 2; // İzin verilir

let sayi = 3; // İzin verilmez

{

let sayi = 4; // İzin verilir

let sayi = 5 // İzin verilmez

}

</script>

Örnek

<script> 
let sayi = 2;       // İzin verilir
var sayi = 3;       // İzin verilmez
{
let sayi = 4;     // İzin verilir
var sayi = 5      // İzin verilmez
}
</script>

let sayi = 2; // İzin verilir

var sayi = 3; // İzin verilmez

{

let sayi = 4; // İzin verilir

var sayi = 5 // İzin verilmez

}

</script>

Örnek

<script> 
let sayi = 2;     // İzin verilir
{
let sayi = 3;   // İzin verilir
}
{
let sayi = 4;   // İzin verilir
}
</script>

let sayi = 2; // İzin verilir

{

let sayi = 3; // İzin verilir

}

{

let sayi = 4; // İzin verilir

}

</script>

Tarayıcı Desteği

Let anahtar kelimesi, Internet Explorer 11 veya daha öncesi sürümlerinde desteklenmez. Let anahtar kelimesi için tam desteğe sahip ilk tarayıcı sürümleri şunlardır:

Chrome 49
Edge 12
Firefox 44
Safari 11
Opera 36

Umarım “JavaScript let Nedir?” başlıklı yazım sizin için faydalı olmuştur.

Şu yazılar da ilginizi çekebilir.

JavaScript Nedir? JavaScript Ne İşe Yarar?

JavaScript const Nedir?

Yeni bir yazımda görüşmek üzere.

JavaScript let Nedir?