फंक्शन डिक्लेरेशन आणि फंक्शन एक्सप्रेशन मधील फरक काय आहे?

Question

Accepted Answer

A **declaration** हे नामांकित फंक्शन स्टेटमेंट आहे; an **expression** फंक्शनला व्हेरिएबलला असाइन करते. व्यावहारिक फरक **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"; };
```

## फरक का

Function declarations **त्यांच्या बॉडीसह** होइस्ट केले जातात, त्यामुळे संपूर्ण फंक्शन एक्सीक्यूशन त्यापर्यंत पोहोचण्यापूर्वी अस्तित्वात असते. A function expression हा फक्त एक व्हेरिएबलला असाइन केलेला मूल्य आहे — अर्ली कॉल पॉइंटवर, `expressed` अजून `undefined` आहे (`var`सह) किंवा TDZ मध्ये आहे (`let`/`const`सह).

## कोणते कधी वापरायचे

```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 टॉप-लेव्हल नामांकित फंक्शनसाठी व्यक्त वाचायचे आहेत आणि hoisting चा फायदा घेतात (तुम्ही त्यांच्या वापरानंतर त्यांची व्याख्या करू शकता). Expressions arrow functions, callbacks, IIFEs आणि सशर्त फंक्शन असाइनमेंटसाठी आवश्यक आहेत. Arrow functions नेहमी expressions असतात.