JavaScript'te const ve let Kullanımı: Farklar ve Öneriler

JavaScript’te değişken tanımlamak için kullanılan iki modern anahtar kelime olan const ve let, ES6 (ECMAScript 2015) ile birlikte hayatımıza girdi. Geleneksel var anahtar kelimesine göre daha güvenli ve öngörülebilir bir yapı sunan const ve let arasındaki farkları ve kullanım önerilerini SEO uyumlu bir şekilde ele alalım.

1. const ve let: Değer Ataması ve Değiştirilebilirlik

• let: Değeri sonradan değiştirilebilir. Bir değişkeni let ile tanımladıktan sonra yeni bir değer atayabilirsiniz.

let x = 10;
x = 20; // Geçerli
console.log(x); // 20

• const: Değeri sonradan değiştirilemez (sabit). const ile tanımlanan bir değişkene tekrar değer atamaya çalışırsanız hata alırsınız.

const y = 10;
y = 20; // Hata: TypeError: Assignment to constant variable.

   2. const ve let: Değer Atama Zorunluluğu

• let: Tanımlama sırasında değer atamak zorunlu değildir.

let z;
z = 30; // Geçerli

• const: Tanımlama sırasında değer atamak zorunludur.

const w; // Hata: SyntaxError: Missing initializer in const declaration.
const w = 40; // Geçerli

3.const ve let: Blok Kapsamı (Block Scope)

Hem const hem de let blok kapsamlıdır. Yani bir blok ({}) içinde tanımlandıklarında, yalnızca o blok içinde erişilebilirler.

if (true) {
  let a = 10;
  const b = 20;
  var c = 30;
}console.log(a); // Hata: ReferenceError: a is not defined.
console.log(b); // Hata: ReferenceError: b is not defined.
console.log(c); // 30 (var blok kapsamına uymaz)

4.const ve let: Tekrar Tanımlama (Redeclaration)

• let: Aynı blok içinde tekrar tanımlanamaz.

let x = 10;
let x = 20; // Hata: SyntaxError: Identifier 'x' has already been declared.

• const: Aynı blok içinde tekrar tanımlanamaz.

const y = 10;
const y = 20; // Hata: SyntaxError: Identifier 'y' has already been declared.

5.const ile Nesne ve Dizilerin Kullanımı

const ile tanımlanan nesne veya dizilerin içeriği değiştirilebilir, ancak değişkenin kendisi yeniden atanamaz. Yani const referans sabitliği sağlar, değer sabitliği değil.

const arr = [1, 2, 3];
arr.push(4); // Geçerli
console.log(arr); // [1, 2, 3, 4]arr = [5, 6]; // Hata: TypeError: Assignment to constant variable.const obj = { name: "Alice" };
obj.age = 25; // Geçerli
console.log(obj); // { name: "Alice", age: 25 }obj = { name: "Bob" }; // Hata: TypeError: Assignment to constant variable.

6.const ve let: Ne Zaman Hangisi Kullanılmalı

• const: Değeri değişmeyecek değişkenler için kullanın. Sabitler, nesneler, diziler ve fonksiyonlar için idealdir.

const PI = 3.14;
const user = { name: "Alice" };

• let: Değeri değişebilecek değişkenler için kullanın. Döngülerde veya geçici değişkenlerde tercih edilir.

let count = 0;
for (let i = 0; i < 10; i++) {
  console.log(i);
}

Sonuç: 

const ve let ile JavaScript’te Güvenli Kodlama

Modern JavaScript’te const ve let kullanımı, değişkenlerin kapsamını ve yeniden atanabilirliğini daha iyi yöneterek kod güvenliğini artırır. Değişmeyecek değerler için const, değişebilecek değerler için let kullanımı önerilir. var kullanımı ise artık tavsiye edilmez.

Bu rehber sayesinde JavaScript’te const ve let arasındaki farkları öğrendiniz. Daha güvenli ve okunabilir kodlar yazmak için bu bilgileri kullanmayı unutmayın!