Mikä on hoisting?

Question

Mikä on hoisting?

Accepted Answer

**Hoisting** on JavaScriptin käyttäytyminen, jossa **julistukset** siirretään scope-niiden ylös käännösvaiheessa ennen kuin mikään koodi suoritetaan. Mutta *miten* jokin hoistetaan riippuu julistuksen tyypistä.

```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;
```

## Mitä hoistetaan ja miten

- **`var`**: julistus hoistetaan ja alustetaan arvoon `undefined`. Joten sen lukeminen aikaisin antaa `undefined`, ei virhettä.
- **`function`-julistukset**: täysin hoistettu — voit kutsua niitä ennen niiden määrittelylinjaa.
- **`let` / `const`**: hoistettu mutta **ei alustettu**. Ne sijaitsevat *Temporal Dead Zone* (TDZ) -alueella lohkon alusta heidän julistuslinjaansa asti; niihin pääsy TDZ:ssä heittää `ReferenceError`.
- **Funktiolauskkeet** (`const f = () => {}`) **eivät** ole kutsuttavissa aikaisin — vain `const`/`var`-sitominen hoistetaan, ei funktio itse.

## Miksi tämä on tärkeää

Hoisting selittää "miksi tämä on `undefined`?" ja "miksi tämän funktion kutsuminen ennen sen määritelmää toimii?" `let`/`const`:n TDZ on itse asiassa *ominaisuus* — se muuttaa hiljaiset `undefined`-virheet ääneksi virheiksi, mikä kannustaa sinua julistamaan ennen käyttöä.