JavaScript, web geliştirme dünyasının en güçlü araçlarından biri, ancak çoğu zaman geliştiriciler, bazı temel kavramları yanlış anlar. Bu yazıda, JavaScript'in en sık karşılaşılan 5 yanlış anlaşılmasını ele alacağız ve her birinin nasıl çözülebileceğine dair adım adım açıklamalar yapacağız. Eğer siz de bu hatalarla karşılaşıyorsanız, doğru yolda ilerlemenizi sağlayacak ipuçlarına sahip olacaksınız!
Birçok yeni JavaScript geliştiricisi, `undefined` ve `null` kavramlarının birbirinin yerine kullanılabileceğini düşünür. Ancak bu iki değer arasındaki fark çok büyüktür.
- undefined, bir değişkenin değerinin atanmamış olduğunu gösterir. Yani, değişkenin değeri henüz belirlenmemiştir.
let a;
console.log(a); // undefined
- null, bilinçli olarak bir değerin olmadığını belirtmek için kullanılır. Yani, değişkenin değeri "yok" olarak atanmıştır.
let b = null;
console.log(b); // null
Bu iki değerin farklı anlamlara geldiğini unutmamalısınız. `undefined`, otomatik olarak atanır ve genellikle bir hata göstericisidir, oysa `null`, veri olmadığına dair bir işarettir.
"this" anahtar kelimesi, JavaScript’in en kafa karıştırıcı özelliklerinden biridir. Her geliştirici bir noktada "this" ile yanlış bir şey yapar. "this" genellikle mevcut nesneyi işaret eder, ancak bağlama (context) bağlı olarak değeri değişir.
```javascript
const obj = {
name: "JavaScript",
show: function() {
console.log(this.name);
}
};
obj.show(); // JavaScript
```
Ancak dikkat! `this` her zaman global bağlamda `window` ya da `global` objesine işaret eder:
```javascript
function globalThis() {
console.log(this); // window (tarayıcıda)
}
globalThis();
```
Bu, özellikle fonksiyonların dışarıya taşındığı veya event handler kullanıldığında kafa karıştırıcı olabilir. Bu durumda, `bind()`, `call()`, veya `apply()` gibi yöntemler kullanılarak "this" doğru bir şekilde bağlanabilir.
Asenkron işlemler, JavaScript’in en güçlü özelliklerinden biridir. Ancak callback fonksiyonları, yanlış kullanıldığında korkunç bir karmaşaya yol açabilir. Bu durum, "callback hell" olarak bilinir.
Örnek:
```javascript
setTimeout(() => {
console.log("İlk işlem tamamlandı.");
setTimeout(() => {
console.log("İkinci işlem tamamlandı.");
setTimeout(() => {
console.log("Üçüncü işlem tamamlandı.");
}, 1000);
}, 1000);
}, 1000);
```
Görüyorsunuz ki, her işlem bir sonraki işlem içinde "iç içe" yer alıyor. Bu kodun okunabilirliği ve bakımı oldukça zor olabilir.
Çözüm: Promises veya async/await kullanarak bu problemi çözebilirsiniz. Bu yöntemler, kodunuzu daha temiz ve yönetilebilir hale getirir.
```javascript
async function asyncOperations() {
await new Promise(resolve => setTimeout(resolve, 1000));
console.log("İlk işlem tamamlandı.");
await new Promise(resolve => setTimeout(resolve, 1000));
console.log("İkinci işlem tamamlandı.");
await new Promise(resolve => setTimeout(resolve, 1000));
console.log("Üçüncü işlem tamamlandı.");
}
asyncOperations();
```
JavaScript'te `==` ve `===` operatörleri çok benzer gibi görünse de aralarında önemli bir fark vardır. `==` operatörü, iki değeri karşılaştırırken tür dönüşümünü yapar, yani farklı türdeki değerleri aynı kabul edebilir. Oysa `===` operatörü, hem türünü hem de değerini karşılaştırır.
Örnek:
```javascript
console.log(0 == false); // true
console.log(0 === false); // false
```
Bu nedenle her zaman `===` kullanmanız tavsiye edilir. Bu şekilde, tür uyuşmazlıklarından dolayı beklenmedik hatalarla karşılaşma riskini ortadan kaldırmış olursunuz.
JavaScript'in eski sürümlerinde sadece `var` kullanılıyordu, ancak ES6 ile birlikte `let` ve `const` gibi yeni anahtar kelimeler eklendi. Bu yeni anahtar kelimeler, değişkenlerin kapsamını (scope) daha doğru bir şekilde kontrol etmenizi sağlar.
- let: Bloğa özgü bir kapsam sağlar, yani yalnızca bulunduğu blok içinde geçerlidir.
```javascript
if (true) {
let x = 10;
console.log(x); // 10
}
console.log(x); // ReferenceError: x is not defined
```
- const: Sabit değerler için kullanılır. Değiştirilemezler.
```javascript
const y = 20;
y = 30; // TypeError: Assignment to constant variable.
```
Bu sayede, JavaScript kodunuzu daha güvenli ve hatasız yazabilirsiniz.
---
