ความแตกต่างระหว่าง var, let และ const คืออะไร?

Question

Accepted Answer

พวกมันแตกต่างกันในสามวิธี: **scope**, **hoisting behavior** และ **reassignment**.

```js
function demo() {
  if (true) {
    var a = 1;    // function-scoped — leaks out of the if-block
    let b = 2;    // block-scoped — only exists inside { }
    const c = 3;  // block-scoped, can't be reassigned
  }
  console.log(a); // 1  (var escaped the block)
  console.log(b); // ReferenceError (let stayed in the block)
}
```

## ความแตกต่างหลัก

- **`var`** คือ **function-scoped**, hoisted และ initialized เป็น `undefined` และสามารถ redeclare ได้ ซึ่งทำให้เกิด scope leaks ที่น่าประหลาดใจ — หลีกเลี่ยง
- **`let`** คือ **block-scoped** (`{ }`), reassignable และอยู่ใน *temporal dead zone* จนกว่าถึง declaration line (การเข้าถึงก่อนหน้านี้จะ throw)
- **`const`** คือ block-scoped และ **ไม่สามารถ reassign ได้** — แต่สังเกตว่า binding นั้นคงที่ *ไม่ใช่* ค่า:

```js
const user = { name: "Ann" };
user.name = "Bob"; // ✅ allowed — mutating the object, not reassigning
user = {};          // ❌ TypeError — can't rebind `user`
```

## กฎทั่วไป

ใช้ **`const`** เป็นค่า default; สลับไปที่ **`let`** เมื่อต้อง reassign เท่านั้น; **อย่าใช้ `var` ในโค้ดใหม่** เลย ซึ่งจะทำให้ intent ชัดเจน ("สิ่งนี้จะไม่เปลี่ยน") และหลีกเลี่ยง scope leaks และ hoisting confusion ที่ `var` นำมา