Hoisting nedir?

Question

Hoisting nedir?

Accepted Answer

**Hoisting**, JavaScript'in **declarations**'ı compile aşamasında, herhangi bir kod çalışmadan önce, kendi scope'larının en üstüne taşıma davranışıdır. Ancak bir şeyin nasıl hoisted olduğu, declaration türüne bağlı olarak farklılık gösterir.

```js
console.log(a); // undefined  — `var a` is hoisted & initialized to undefined
var a = 1;

foo();          // "works!" — function declarations are fully hoisted
function foo() { console.log("works!"); }

console.log(b); // ❌ ReferenceError — temporal dead zone
let b = 2;
```

## Nelerin hoisted olduğu ve nasıl

- **`var`**: declaration hoisted ve `undefined`'a başlatılır. Bu nedenle erken okumak `undefined` verir, hata değil.
- **`function` declarations**: tamamen hoisted — tanımlarından önce çağırabilirsiniz.
- **`let` / `const`**: hoisted fakat **başlatılmamış**. Blok başlangıcından declaration satırına kadar *Temporal Dead Zone* (TDZ)'de oturur; TDZ'de erişmek `ReferenceError` fırlatır.
- **Function expressions** (`const f = () => {}`) erken *çağrılamaz* — sadece `const`/`var` bağlaması hoisted, fonksiyon değil.

## Neden önemli

Hoisting "neden bu `undefined`?" ve "neden bu fonksiyonu tanımından önce çağırmak çalışır?" sorularını açıklar. `let`/`const` için TDZ aslında bir *özellik* — sessiz `undefined` hatalarını yüksek sesli hatalara dönüştürerek, kullanmadan önce bildirmeyi teşvik eder.