First-Class Functions in JavaScript Explained

First-Class Functions in JavaScript Explained

In JavaScript, functions are first-class citizens. This means they are treated like any other value. This is the foundation of callbacks, higher-order functions, and functional programming.

What First-Class Means

• Functions can be assigned to variables.
• Functions can be passed as arguments to other functions.
• Functions can be returned from other functions.
• Functions have a type (typeof is "function").

Assign to a Variable

const greet = function (name) {
  return `Hello, ${name}`;
};
const greet2 = greet;
greet2("Kunal"); // "Hello, Kunal"
``
### Pass as an Argument (Callback)

```js
function process(value, fn) {
  return fn(value);
}
process(5, (x) => x * 2); // 10
``
### Return From a Function (Higher-Order)

```js
function multiplier(factor) {
  return (n) => n * factor;
}
const double = multiplier(2);
double(5); // 10
``
### Store in Data Structures

```js
const ops = {
  add: (a, b) => a + b,
  sub: (a, b) => a - b,
};
ops.add(2, 3); // 5
``
### Why This Matters

First-class functions enable:

- **Callbacks**: pass behavior into async APIs (`setTimeout`, `fetch`, event listeners).
- **Higher-order functions**: `map`, `filter`, `reduce`, `compose`.
- **Functional programming**: pure functions, immutability, function composition.
- **Event handling**: register handlers as values.
- **Dependency injection**: pass strategies into functions.

### `typeof` a Function

```js
typeof (() => {}); // "function"
``
Functions are objects under the hood. They can have properties (rarely useful, but legal):

```js
function foo() {}
foo.counter = 0;
``
### The Takeaway

First-class means functions are values: assignable, passable, returnable, storable. This is what makes callbacks, higher-order functions, and functional programming possible in JavaScript. Everything async in JS relies on this.