Apakah perbezaan antara deklarasi fungsi dan ungkapan fungsi?

Question

Accepted Answer

A **declaration** ialah pernyataan fungsi bernama; an **expression** memberikan fungsi kepada pemboleh ubah. Perbezaan praktikal ialah **hoisting**.

```js
// Declaration — fully hoisted, callable before its line
declared();             // ✅ works
function declared() { return "hi"; }

// Expression — only the variable binding is hoisted, not the function
expressed();            // ❌ TypeError: expressed is not a function
var expressed = function () { return "hi"; };
```

## Mengapa perbezaannya

Fungsi declarations diangkat **dengan badannya**, jadi seluruh fungsi wujud sebelum eksekusi mencapainya. A function expression hanyalah nilai yang diberikan kepada pemboleh ubah — pada titik panggilan awal, `expressed` masih `undefined` (dengan `var`) atau dalam TDZ (dengan `let`/`const`).

## Bila menggunakan mana

```js
// expression — for callbacks, conditional definitions, arrow functions
const handler = () => doThing();
const fn = condition ? a : b;
arr.map(x => x * 2);

// declaration — clear, hoisted top-level functions
function calculateTotal(items) { ... }
```

Declarations dibaca dengan baik untuk fungsi bernama peringkat atas dan mendapat manfaat daripada hoisting (anda boleh menentukannya selepas penggunaannya). Expressions diperlukan untuk fungsi anak panah, callback, IIFE, dan memberikan fungsi secara bersyarat. Fungsi anak panah sentiasa ungkapan.